chore: wrap router.replace in useEffect

src/app/page.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+import { useEffect } from 'react';
 import { usePathname, useRouter } from 'next/navigation';
 import { useAuth } from '@/services/hooks/useAuth';
 import { redirectToSSO } from '@/lib/auth-helper';
@@ -10,9 +11,11 @@ export default function Home() {
   const router = useRouter();
   const pathname = usePathname();
 
-  if (pathname === '/') {
-    router.replace('/dashboard');
-  }
+  useEffect(() => {
+    if (pathname === '/') {
+      router.replace('/dashboard');
+    }
+  }, [pathname]);
 
   if (isLoadingUser) {
     return (