Fix: Infinite loading on login page

Investigated and addressed the infinite loading issue on the login page, likely related to authentication or initialization issues.

Author: lovable-dev[bot]

src/hooks/useAuth.tsx

@@ -14,27 +14,28 @@ import { useRetry } from './useRetry';
 
 export const useAuth = () => {
   const [user, setUser] = useState<User | null>(null);
-  const [loading, setLoading] = useState(true);
+  const [loading, setLoading] = useState(false);
   const [initialized, setInitialized] = useState(false);
   const { handleError } = useErrorHandler();
   const { executeWithRetry } = useRetry({ maxRetries: 2 });
 
   useEffect(() => {
     console.log('🔐 Initialisation de l\'authentification...');
 
+    // Marquer comme initialisé immédiatement pour éviter les blocages
+    setInitialized(true);
+    
     const unsubscribe = onAuthStateChanged(auth, (user) => {
       console.log('🔐 État d\'authentification changé:', user ? 'Connecté' : 'Déconnecté');
       setUser(user);
       setLoading(false);
-      setInitialized(true);
     }, (error) => {
       console.error('🚨 Erreur d\'authentification:', error);
       handleError(error, { 
         showToast: true,
         logError: true 
       });
       setLoading(false);
-      setInitialized(true);
     });
 
     return unsubscribe;

src/pages/Index.tsx

@@ -5,13 +5,13 @@ import { Dashboard } from '@/components/Dashboard';
 import { useTranslation } from 'react-i18next';
 
 const Index = () => {
-  const { user, loading, initialized } = useAuth();
+  const { user, loading } = useAuth();
   const { t } = useTranslation();
 
-  console.log('🔍 Index render - user:', !!user, 'loading:', loading, 'initialized:', initialized);
+  console.log('🔍 Index render - user:', !!user, 'loading:', loading);
 
-  // Pendant l'initialisation de Firebase
-  if (!initialized || loading) {
+  // Affichage immédiat - pas d'attente d'initialisation
+  if (loading) {
     return (
       <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-blue-50/50 via-white to-purple-50/50">
         <div className="text-center">