feat: Prevent flash of unauthenticated content and premature redirects by checking for existing tokens in local storage.

src/app/(user)/layout.tsx

@@ -2,7 +2,7 @@
 
 import { useSession } from 'next-auth/react';
 import { useRouter, usePathname } from 'next/navigation';
-import { useEffect } from 'react';
+import { useEffect, useState } from 'react';
 import { Footer } from '@/components/layout/Footer';
 import { CommonHeader } from '@/components/layout/CommonHeader';
 import { PresenceProvider } from '@/components/providers/presence-provider';
@@ -27,10 +27,16 @@ export default function UserLayout({
   const { data: session, status } = useSession();
   const router = useRouter();
   const pathname = usePathname();
+  const [hasTokens, setHasTokens] = useState(false);
 
   const isDashboard = pathname === '/user/dashboard';
   const isPublic = isPublicPath(pathname);
 
+  // Fast check for existing tokens on mount
+  useEffect(() => {
+    setHasTokens(!!localStorage.getItem('accessToken'));
+  }, []);
+
   useEffect(() => {
     if (status === 'loading') return;
 
@@ -48,7 +54,12 @@ export default function UserLayout({
 
     // Protected pages require login
     if (!session) {
-      router.replace('/login');
+      // Check localStorage - if tokens exist, session might still be resolving
+      // Don't redirect to /login prematurely (prevents login page flash)
+      const tokensExist = !!localStorage.getItem('accessToken');
+      if (!tokensExist) {
+        router.replace('/login');
+      }
       return;
     }