feat: optimisation du démarrage de l'application et de la gestion de l'authentification

- **Refonte du démarrage** : Mise en place d'un `AppInitializer` pour gérer l'initialisation asynchrone de Firebase et du cache en arrière-plan, réduisant le travail synchrone au lancement.
- **Sécurisation de l'authentification** :
    - Création d'un `AppStartGate` pour gérer proprement la restauration de la session Firebase Auth et les erreurs potentielles sur le Web.
    - Amélioration du `LocalUserProvider` avec un "bootstrap léger" permettant de rendre l'UID disponible immédiatement avant le chargement complet du profil.
    - Ajout de protections contre les erreurs d'accès à `FirebaseAuth.instance` (notamment pour les problèmes d'interop JS sur le Web).
- **Optimisation de l'UI** :
    - Remplacement du `AutoLoginWrapper` par une gestion plus robuste de la navigation post-authentification.
    - Amélioration de l'`AuthGuard` pour permettre l'affichage de certains écrans (comme le calendrier) pendant le chargement des données utilisateur (`allowWhileLoading`).
    - Ajout d'un écran de splash screen uniformisé (`StartupSplashScreen`).
- **Services & Cache** :
    - Introduction de `CacheService` utilisant `shared_preferences` pour le stockage local léger.
    - Refactoring des services (`AlertService`, `EmailService`, `FirebaseStorageManager`) pour accéder aux instances Firebase de manière plus flexible via des getters.
    - Mise à jour des dépendances dans `pubspec.yaml` pour inclure `shared_preferences`.
- **Calendrier** : Ajout d'une logique de chargement initial différé des événements (`_scheduleInitialEventsLoad`) pour éviter les appels redondants au démarrage.
- **Maintenance** : Mise à jour de la version de l'application à `1.1.23` et nettoyage des fichiers de cache de déploiement.

em2rp/lib/main.dart

@@ -1,3 +1,5 @@
+import 'dart:async';
+
 import 'package:em2rp/providers/users_provider.dart';
 import 'package:em2rp/providers/event_provider.dart';
 import 'package:em2rp/providers/equipment_provider.dart';
@@ -19,10 +21,8 @@ import 'package:em2rp/views/event_statistics_page.dart';
 import 'package:em2rp/models/container_model.dart';
 import 'package:em2rp/models/event_model.dart';
 import 'package:firebase_auth/firebase_auth.dart';
-import 'package:cloud_firestore/cloud_firestore.dart';
 import 'package:flutter/material.dart';
-import 'package:firebase_core/firebase_core.dart';
-import 'firebase_options.dart';
+import 'package:em2rp/services/app_initializer.dart';
 import 'utils/colors.dart';
 import 'views/my_account_page.dart';
 import 'views/user_management_page.dart';
@@ -30,35 +30,21 @@ import 'package:provider/provider.dart';
 import 'providers/local_user_provider.dart';
 import 'views/reset_password_page.dart';
 import 'config/env.dart';
-import 'services/update_service.dart';
-import 'views/widgets/common/update_dialog.dart';
-import 'config/api_config.dart';
+import 'utils/app_start_gate.dart';
+import 'views/widgets/common/startup_splash_screen.dart';
 import 'package:flutter_localizations/flutter_localizations.dart';
 
-void main() async {
+void main() {
+  // Ne pas effectuer d'initialisations asynchrones lourdes ici.
   WidgetsFlutterBinding.ensureInitialized();
-  await Firebase.initializeApp(
-    options: DefaultFirebaseOptions.currentPlatform,
-  );
-
-  // Configuration des émulateurs en mode développement
-  if (ApiConfig.isDevelopment) {
-    print('🔧 Mode développement activé - Utilisation des émulateurs');
-
-    // Configurer l'émulateur Auth
-    await FirebaseAuth.instance.useAuthEmulator('localhost', 9199);
-    print('✓ Auth émulateur configuré: localhost:9199');
-
-    // Configurer l'émulateur Firestore
-    FirebaseFirestore.instance.useFirestoreEmulator('localhost', 8088);
-    print('✓ Firestore émulateur configuré: localhost:8088');
-  }
-
-  await FirebaseAuth.instance.setPersistence(Persistence.LOCAL);
 
   runApp(
     MultiProvider(
       providers: [
+        // Fournisseur d'initialisation de l'application (initialise Firebase et cache en tâche de fond)
+        ChangeNotifierProvider<AppInitializer>(
+          create: (_) => AppInitializer(),
+        ),
         // LocalUserProvider pour la gestion de l'authentification
         ChangeNotifierProvider<LocalUserProvider>(
             create: (context) => LocalUserProvider()),
@@ -96,241 +82,163 @@ void main() async {
   );
 }
 
-class MyApp extends StatelessWidget {
+class MyApp extends StatefulWidget {
   const MyApp({super.key});
 
+  @override
+  State<MyApp> createState() => _MyAppState();
+}
+
+class _MyAppState extends State<MyApp> {
+  late final Future<void> _startupFuture;
+
+  @override
+  void initState() {
+    super.initState();
+    _startupFuture = _bootstrapApp();
+  }
+
+  Future<void> _bootstrapApp() async {
+    final initializer = context.read<AppInitializer>();
+    final localAuthProvider = context.read<LocalUserProvider>();
+
+    await initializer.initialize();
+
+    // Attendre la première valeur d'authentification avant toute décision
+    // de navigation, afin d'éviter un flash de la page login.
+    await FirebaseAuth.instance.authStateChanges().first;
+
+    if (FirebaseAuth.instance.currentUser != null) {
+      unawaited(
+        localAuthProvider.loadUserData().catchError((e) {
+          print('User data bootstrap failed: $e');
+        }),
+      );
+      return;
+    }
+
+    // En développement, on garde la connexion automatique existante.
+    if (Env.isDevelopment) {
+      await localAuthProvider.signInWithEmailAndPassword(
+        Env.devAdminEmail,
+        Env.devAdminPassword,
+      );
+      unawaited(
+        localAuthProvider.loadUserData().catchError((e) {
+          print('Dev user bootstrap failed: $e');
+        }),
+      );
+    }
+  }
+
   @override
   Widget build(BuildContext context) {
-    return MaterialApp(
-      title: 'EM2 Hub',
-      theme: ThemeData(
-      primarySwatch: Colors.red,
-      primaryColor: AppColors.noir,
-      colorScheme:
-          ColorScheme.fromSwatch().copyWith(secondary: AppColors.rouge),
-      textTheme: const TextTheme(
-        bodyMedium: TextStyle(color: AppColors.noir),
-      ),
-      inputDecorationTheme: const InputDecorationTheme(
-        focusedBorder: OutlineInputBorder(
-          borderSide: BorderSide(color: AppColors.noir),
-        ),
-        enabledBorder: OutlineInputBorder(
-          borderSide: BorderSide(color: AppColors.gris),
-        ),
-        labelStyle: TextStyle(color: AppColors.noir),
-        hintStyle: TextStyle(color: AppColors.gris),
-        ),
-        elevatedButtonTheme: ElevatedButtonThemeData(
-          style: ElevatedButton.styleFrom(
-            foregroundColor: AppColors.blanc,
-            backgroundColor: AppColors.noir,
+    return FutureBuilder<void>(
+      future: _startupFuture,
+      builder: (context, snapshot) {
+        if (snapshot.connectionState != ConnectionState.done) {
+          return const MaterialApp(
+            debugShowCheckedModeBanner: false,
+            home: StartupSplashScreen(),
+          );
+        }
+
+        return MaterialApp(
+          title: 'EM2 Hub',
+          theme: ThemeData(
+            primarySwatch: Colors.red,
+            primaryColor: AppColors.noir,
+            colorScheme:
+                ColorScheme.fromSwatch().copyWith(secondary: AppColors.rouge),
+            textTheme: const TextTheme(
+              bodyMedium: TextStyle(color: AppColors.noir),
+            ),
+            inputDecorationTheme: const InputDecorationTheme(
+              focusedBorder: OutlineInputBorder(
+                borderSide: BorderSide(color: AppColors.noir),
+              ),
+              enabledBorder: OutlineInputBorder(
+                borderSide: BorderSide(color: AppColors.gris),
+              ),
+              labelStyle: TextStyle(color: AppColors.noir),
+              hintStyle: TextStyle(color: AppColors.gris),
+            ),
+            elevatedButtonTheme: ElevatedButtonThemeData(
+              style: ElevatedButton.styleFrom(
+                foregroundColor: AppColors.blanc,
+                backgroundColor: AppColors.noir,
+              ),
+            ),
           ),
-        ),
-      ),
-      locale: const Locale('fr', 'FR'),
-      supportedLocales: const [
-        Locale('fr', 'FR'),
-      ],
-      localizationsDelegates: const [
-        GlobalMaterialLocalizations.delegate,
-        GlobalWidgetsLocalizations.delegate,
-        GlobalCupertinoLocalizations.delegate,
-      ],
-      initialRoute: '/',
-      routes: {
-        '/': (context) => const AutoLoginWrapper(),
-        '/login': (context) => const LoginPage(),
-        '/alerts': (context) => const AuthGuard(child: AlertsPage()),
-        '/calendar': (context) => const AuthGuard(child: CalendarPage()),
-        '/my_account': (context) => const AuthGuard(child: MyAccountPage()),
-        '/user_management': (context) => const AuthGuard(
-            requiredPermission: "view_all_users", child: UserManagementPage()),
-        '/reset_password': (context) {
-          final args = ModalRoute.of(context)!.settings.arguments
-              as Map<String, dynamic>;
-          return ResetPasswordPage(
-            email: args['email'] as String,
-            actionCode: args['actionCode'] as String,
-          );
-        },
-        '/equipment_management': (context) => const AuthGuard(
-            requiredPermission: "view_equipment",
-            child: EquipmentManagementPage()),
-        '/container_management': (context) => const AuthGuard(
-            requiredPermission: "view_equipment",
-            child: ContainerManagementPage()),
-        '/maintenance_management': (context) => const AuthGuard(
-            requiredPermission: "manage_maintenances",
-            child: MaintenanceManagementPage()),
-        '/container_form': (context) {
-          final args = ModalRoute.of(context)?.settings.arguments;
-          return AuthGuard(
-            requiredPermission: "manage_equipment",
-            child: ContainerFormPage(
-              container: args as ContainerModel?,
-            ),
-          );
-        },
-        '/container_detail': (context) {
-          final container = ModalRoute.of(context)!.settings.arguments as ContainerModel;
-          return AuthGuard(
-            requiredPermission: "view_equipment",
-            child: ContainerDetailPage(container: container),
-          );
-        },
-        '/event_preparation': (context) {
-          final args = ModalRoute.of(context)!.settings.arguments as Map<String, dynamic>;
-          final event = args['event'] as EventModel;
-          return AuthGuard(
-            child: EventPreparationPage(
-              initialEvent: event,
-            ),
-          );
-        },
-        '/event_statistics': (context) => const AuthGuard(
-            requiredPermission: 'generate_reports', child: EventStatisticsPage()),
+          locale: const Locale('fr', 'FR'),
+          supportedLocales: const [
+            Locale('fr', 'FR'),
+          ],
+          localizationsDelegates: const [
+            GlobalMaterialLocalizations.delegate,
+            GlobalWidgetsLocalizations.delegate,
+            GlobalCupertinoLocalizations.delegate,
+          ],
+          routes: {
+            '/login': (context) => const LoginPage(),
+            '/alerts': (context) => const AuthGuard(child: AlertsPage()),
+            '/calendar': (context) => const AuthGuard(
+                allowWhileLoading: true, child: CalendarPage()),
+            '/my_account': (context) => const AuthGuard(child: MyAccountPage()),
+            '/user_management': (context) => const AuthGuard(
+                requiredPermission: "view_all_users",
+                child: UserManagementPage()),
+            '/reset_password': (context) {
+              final args = ModalRoute.of(context)!.settings.arguments
+                  as Map<String, dynamic>;
+              return ResetPasswordPage(
+                email: args['email'] as String,
+                actionCode: args['actionCode'] as String,
+              );
+            },
+            '/equipment_management': (context) => const AuthGuard(
+                requiredPermission: "view_equipment",
+                child: EquipmentManagementPage()),
+            '/container_management': (context) => const AuthGuard(
+                requiredPermission: "view_equipment",
+                child: ContainerManagementPage()),
+            '/maintenance_management': (context) => const AuthGuard(
+                requiredPermission: "manage_maintenances",
+                child: MaintenanceManagementPage()),
+            '/container_form': (context) {
+              final args = ModalRoute.of(context)?.settings.arguments;
+              return AuthGuard(
+                requiredPermission: "manage_equipment",
+                child: ContainerFormPage(
+                  container: args as ContainerModel?,
+                ),
+              );
+            },
+            '/container_detail': (context) {
+              final container = ModalRoute.of(context)!.settings.arguments
+                  as ContainerModel;
+              return AuthGuard(
+                requiredPermission: "view_equipment",
+                child: ContainerDetailPage(container: container),
+              );
+            },
+            '/event_preparation': (context) {
+              final args = ModalRoute.of(context)!.settings.arguments
+                  as Map<String, dynamic>;
+              final event = args['event'] as EventModel;
+              return AuthGuard(
+                child: EventPreparationPage(
+                  initialEvent: event,
+                ),
+              );
+            },
+            '/event_statistics': (context) => const AuthGuard(
+                requiredPermission: 'generate_reports',
+                child: EventStatisticsPage()),
+          },
+          home: const AppStartGate(),
+        );
       },
     );
   }
 }
-
-class AutoLoginWrapper extends StatefulWidget {
-  const AutoLoginWrapper({super.key});
-
-  @override
-  State<AutoLoginWrapper> createState() => _AutoLoginWrapperState();
-}
-
-class _AutoLoginWrapperState extends State<AutoLoginWrapper> {
-  @override
-  void initState() {
-    super.initState();
-    // Attendre la fin du premier build avant de naviguer
-    WidgetsBinding.instance.addPostFrameCallback((_) {
-      _autoLogin();
-      // Vérifier les mises à jour après un délai pour ne pas interférer avec l'autologin
-      _checkForUpdateDelayed();
-    });
-  }
-
-  /// Vérifie les mises à jour après un délai
-  Future<void> _checkForUpdateDelayed() async {
-    try {
-      // Attendre que l'app soit complètement chargée (navigation effectuée, etc.)
-      await Future.delayed(const Duration(seconds: 3));
-
-      if (!mounted) return;
-
-      final updateInfo = await UpdateService.checkForUpdate();
-
-      if (updateInfo != null && mounted) {
-        // Attendre encore un peu pour être sûr que le bon contexte est disponible
-        await Future.delayed(const Duration(milliseconds: 500));
-
-        if (mounted) {
-          showDialog(
-            context: context,
-            barrierDismissible: !updateInfo.forceUpdate,
-            builder: (context) => UpdateDialog(updateInfo: updateInfo),
-          );
-        }
-      }
-    } catch (e) {
-      print('[AutoLoginWrapper] Error checking for update: $e');
-    }
-  }
-
-  Future<void> _autoLogin() async {
-    PerformanceMonitor.start('App.autoLogin');
-    try {
-      final localAuthProvider =
-          Provider.of<LocalUserProvider>(context, listen: false);
-
-      // Vérifier si l'utilisateur est déjà connecté
-      if (FirebaseAuth.instance.currentUser == null && Env.isDevelopment) {
-        PerformanceMonitor.start('App.signIn');
-        // Connexion automatique en mode développement
-        await localAuthProvider.signInWithEmailAndPassword(
-          Env.devAdminEmail,
-          Env.devAdminPassword,
-        );
-        PerformanceMonitor.end('App.signIn');
-      }
-
-      if (mounted) {
-        // MODIFIÉ : Vérifier si une route spécifique est demandée dans l'URL
-        // En Flutter Web, on peut vérifier window.location.hash
-        final currentUri = Uri.base;
-        final fragment = currentUri.fragment; // Ex: "/alerts" si URL est /#/alerts
-
-        print('[AutoLoginWrapper] Fragment URL: $fragment');
-
-        // Navigation immédiate sans attendre le chargement des données
-        if (fragment.isNotEmpty && fragment != '/' && fragment != '/calendar') {
-          print('[AutoLoginWrapper] Redirection vers: $fragment');
-          Navigator.of(context).pushReplacementNamed(fragment);
-        } else {
-          // Route par défaut : calendrier
-          print('[AutoLoginWrapper] Redirection vers: /calendar (défaut)');
-          Navigator.of(context).pushReplacementNamed('/calendar');
-        }
-
-        PerformanceMonitor.end('App.autoLogin');
-        PerformanceMonitor.printSummary();
-
-        // Charger les données utilisateur en arrière-plan
-        localAuthProvider.loadUserData().catchError((e) {
-          print('Error loading user data: $e');
-        });
-      }
-    } catch (e) {
-      print('Auto login failed: $e');
-      PerformanceMonitor.end('App.autoLogin');
-      if (mounted) {
-        Navigator.of(context).pushReplacementNamed('/login');
-      }
-    }
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-      backgroundColor: Colors.white,
-      body: Center(
-        child: Column(
-          mainAxisAlignment: MainAxisAlignment.center,
-          children: [
-            // Logo de l'application
-            Image.asset(
-              'assets/logos/RectangleLogoBlack.png',
-              width: 200,
-              height: 200,
-              fit: BoxFit.contain,
-              errorBuilder: (context, error, stackTrace) {
-                return const Icon(
-                  Icons.event_available,
-                  size: 80,
-                  color: AppColors.rouge,
-                );
-              },
-            ),
-            const SizedBox(height: 40),
-            const CircularProgressIndicator(
-              valueColor: AlwaysStoppedAnimation<Color>(AppColors.rouge),
-            ),
-            const SizedBox(height: 20),
-            const Text(
-              'Chargement...',
-              style: TextStyle(
-                fontSize: 16,
-                color: Colors.grey,
-                fontWeight: FontWeight.w400,
-              ),
-            ),
-          ],
-        ),
-      ),
-    );
-  }
-}