Fix auth race condition on Friends page

src/pages/Friends.tsx

@@ -13,6 +13,7 @@ import { Users, UserPlus, Swords, MessageCircle, X, Check, Loader2 } from 'lucid
 export default function Friends() {
   const navigate = useNavigate();
   const user = useAuthStore((s) => s.user);
+  const authLoading = useAuthStore((s) => s.isLoading);
   const {
     friends,
     pendingRequests,
@@ -33,13 +34,14 @@ export default function Friends() {
   const [sending, setSending] = useState(false);
 
   useEffect(() => {
+    if (authLoading) return;
     if (!user) {
       navigate('/login');
       return;
     }
     fetchFriends();
     fetchPendingRequests();
-  }, [user, navigate, fetchFriends, fetchPendingRequests]);
+  }, [user, authLoading, navigate, fetchFriends, fetchPendingRequests]);
 
   // Request online status for friends
   useEffect(() => {