feat: WebSocket temps réel + Finance Workflow + corrections

- Task #6: WebSocket /ws/dashboard + Kafka events (5 topics)
  * Backend: KafkaEventProducer, KafkaEventConsumer
  * Mobile: WebSocketService (reconnection, heartbeat, typed events)
  * DashboardBloc: Auto-refresh depuis WebSocket events

- Finance Workflow: approbations + budgets (backend + mobile)
  * Backend: entities, services, resources, migrations Flyway V6
  * Mobile: features finance_workflow complète avec BLoC

- Corrections DI: interfaces IRepository partout
  * IProfileRepository, IOrganizationRepository, IMembreRepository
  * GetIt configuré avec @injectable

- Spec-Kit: constitution + templates mis à jour
  * .specify/memory/constitution.md enrichie
  * Templates agent, plan, spec, tasks, checklist

- Nettoyage: fichiers temporaires supprimés

Signed-off-by: lions dev Team

unionflow/unionflow-mobile-apps/lib/features/dashboard/presentation/widgets/dashboard_drawer.dart

@@ -3,189 +3,233 @@
 library dashboard_drawer;
 
 import 'package:flutter/material.dart';
-import '../../../../shared/design_system/tokens/color_tokens.dart';
-import '../../../../shared/design_system/tokens/spacing_tokens.dart';
-import '../../../../shared/design_system/tokens/typography_tokens.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
 
-/// Modèle de données pour un élément de menu
-class DrawerMenuItem {
-  /// Icône de l'élément de menu
-  final IconData icon;
-  
-  /// Titre de l'élément de menu
-  final String title;
-  
-  /// Callback lors du tap sur l'élément
-  final VoidCallback? onTap;
+import '../../../../shared/design_system/unionflow_design_system.dart';
+import '../../../../shared/widgets/core_card.dart';
+import '../../../../shared/widgets/mini_avatar.dart';
 
-  /// Constructeur du modèle d'élément de menu
-  const DrawerMenuItem({
-    required this.icon,
-    required this.title,
-    this.onTap,
-  });
-}
+import '../../../authentication/presentation/bloc/auth_bloc.dart';
 
-/// Widget de menu latéral
-/// 
-/// Affiche la navigation principale avec :
-/// - Header avec profil utilisateur
-/// - Menu de navigation structuré
-/// - Actions secondaires
-/// - Design Material avec gradient
+import '../../../profile/presentation/pages/profile_page_wrapper.dart';
+import '../../../notifications/presentation/pages/notifications_page_wrapper.dart';
+import '../../../help/presentation/pages/help_support_page.dart';
+import '../../../about/presentation/pages/about_page.dart';
+
+/// Widget de menu latéral (Drawer / Hamburger)
+///
+/// Accessible via le bouton hamburger de l'AppBar.
+/// Contient uniquement les menus « Mon Espace » :
+/// - Mon Profil
+/// - Notifications
+/// - Aide & Support
+/// - À propos
+/// - Déconnexion
 class DashboardDrawer extends StatelessWidget {
-  /// Callback pour les actions de navigation
+  /// Callback pour les actions de navigation nommée (optionnel, non utilisé en interne)
   final Function(String route)? onNavigate;
-  
+
   /// Callback pour la déconnexion
   final VoidCallback? onLogout;
 
-  /// Constructeur du menu latéral
   const DashboardDrawer({
     super.key,
     this.onNavigate,
     this.onLogout,
   });
 
-  /// Génère la liste des éléments de menu principaux
-  List<DrawerMenuItem> _getMainMenuItems() {
-    return [
-      DrawerMenuItem(
-        icon: Icons.dashboard,
-        title: 'Dashboard',
-        onTap: () => onNavigate?.call('/dashboard'),
-      ),
-      DrawerMenuItem(
-        icon: Icons.people,
-        title: 'Membres',
-        onTap: () => onNavigate?.call('/members'),
-      ),
-      DrawerMenuItem(
-        icon: Icons.account_balance_wallet,
-        title: 'Cotisations',
-        onTap: () => onNavigate?.call('/cotisations'),
-      ),
-      DrawerMenuItem(
-        icon: Icons.event,
-        title: 'Événements',
-        onTap: () => onNavigate?.call('/events'),
-      ),
-      DrawerMenuItem(
-        icon: Icons.favorite,
-        title: 'Solidarité',
-        onTap: () => onNavigate?.call('/solidarity'),
-      ),
-    ];
-  }
-
-  /// Génère la liste des éléments de menu secondaires
-  List<DrawerMenuItem> _getSecondaryMenuItems() {
-    return [
-      DrawerMenuItem(
-        icon: Icons.analytics,
-        title: 'Rapports',
-        onTap: () => onNavigate?.call('/reports'),
-      ),
-      DrawerMenuItem(
-        icon: Icons.settings,
-        title: 'Paramètres',
-        onTap: () => onNavigate?.call('/settings'),
-      ),
-      DrawerMenuItem(
-        icon: Icons.help,
-        title: 'Aide',
-        onTap: () => onNavigate?.call('/help'),
-      ),
-    ];
-  }
-
   @override
   Widget build(BuildContext context) {
-    final mainItems = _getMainMenuItems();
-    final secondaryItems = _getSecondaryMenuItems();
-    
-    return Drawer(
-      child: ListView(
-        padding: EdgeInsets.zero,
+    return BlocBuilder<AuthBloc, AuthState>(
+      builder: (context, authState) {
+        if (authState is! AuthAuthenticated) {
+          return const Drawer();
+        }
+
+        final state = authState;
+
+        return Drawer(
+          backgroundColor: ColorTokens.background,
+          child: SafeArea(
+            child: SingleChildScrollView(
+              padding: const EdgeInsets.all(16),
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  // ── En-tête utilisateur (même style que MorePage) ──────────────
+                  _buildUserProfile(state),
+                  const SizedBox(height: SpacingTokens.md),
+
+                  // ── Section Mon Espace ─────────────────────────────────────────
+                  _buildSectionTitle('Mon Espace'),
+
+                  _buildOptionTile(
+                    context: context,
+                    icon: Icons.person,
+                    title: 'Mon Profil',
+                    subtitle: 'Modifier mes informations',
+                    onTap: () => Navigator.of(context).push(
+                      MaterialPageRoute(builder: (_) => const ProfilePageWrapper()),
+                    ),
+                  ),
+                  _buildOptionTile(
+                    context: context,
+                    icon: Icons.notifications,
+                    title: 'Notifications',
+                    subtitle: 'Gérer les notifications',
+                    onTap: () => Navigator.of(context).push(
+                      MaterialPageRoute(builder: (_) => const NotificationsPageWrapper()),
+                    ),
+                  ),
+                  _buildOptionTile(
+                    context: context,
+                    icon: Icons.help,
+                    title: 'Aide & Support',
+                    subtitle: 'Documentation et support',
+                    onTap: () => Navigator.of(context).push(
+                      MaterialPageRoute(builder: (_) => const HelpSupportPage()),
+                    ),
+                  ),
+                  _buildOptionTile(
+                    context: context,
+                    icon: Icons.info,
+                    title: 'À propos',
+                    subtitle: 'Version et informations',
+                    onTap: () => Navigator.of(context).push(
+                      MaterialPageRoute(builder: (_) => const AboutPage()),
+                    ),
+                  ),
+
+                  const SizedBox(height: SpacingTokens.md),
+
+                  // ── Déconnexion ───────────────────────────────────────────────
+                  _buildOptionTile(
+                    context: context,
+                    icon: Icons.logout,
+                    title: 'Déconnexion',
+                    subtitle: 'Se déconnecter de l\'application',
+                    color: ColorTokens.error,
+                    onTap: () {
+                      Navigator.pop(context);
+                      context.read<AuthBloc>().add(const AuthLogoutRequested());
+                    },
+                  ),
+                ],
+              ),
+            ),
+          ),
+        );
+      },
+    );
+  }
+
+  // ── Profil utilisateur (idem MorePage._buildUserProfile) ──────────────────
+  Widget _buildUserProfile(AuthAuthenticated state) {
+    return CoreCard(
+      child: Row(
         children: [
-          _buildDrawerHeader(),
-          ...mainItems.map((item) => _buildMenuItem(item)),
-          const Divider(),
-          ...secondaryItems.map((item) => _buildMenuItem(item)),
-          const Divider(),
-          _buildLogoutItem(),
+          MiniAvatar(
+            fallbackText:
+                state.user.firstName.isNotEmpty ? state.user.firstName[0].toUpperCase() : 'U',
+            size: 40,
+            imageUrl: state.user.avatar,
+          ),
+          const SizedBox(width: 16),
+          Expanded(
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Text(
+                  '${state.user.firstName} ${state.user.lastName}',
+                  style: AppTypography.actionText,
+                ),
+                Text(
+                  state.effectiveRole.displayName.toUpperCase(),
+                  style: AppTypography.badgeText.copyWith(
+                    color: AppColors.primaryGreen,
+                    fontWeight: FontWeight.bold,
+                  ),
+                ),
+                Text(
+                  state.user.email,
+                  style: AppTypography.subtitleSmall,
+                ),
+              ],
+            ),
+          ),
         ],
       ),
     );
   }
 
-  /// Construit l'en-tête du drawer avec profil utilisateur
-  Widget _buildDrawerHeader() {
-    return DrawerHeader(
-      decoration: const BoxDecoration(
-        gradient: LinearGradient(
-          colors: [ColorTokens.primary, ColorTokens.secondary],
-          begin: Alignment.topLeft,
-          end: Alignment.bottomRight,
+  // ── Titre de section (idem MorePage._buildSectionTitle) ───────────────────
+  Widget _buildSectionTitle(String title) {
+    return Padding(
+      padding: const EdgeInsets.only(top: 24, bottom: 8, left: 4),
+      child: Text(
+        title.toUpperCase(),
+        style: AppTypography.subtitleSmall.copyWith(
+          fontWeight: FontWeight.bold,
+          letterSpacing: 1.1,
+          color: AppColors.textSecondaryLight,
         ),
       ),
-      child: Column(
-        crossAxisAlignment: CrossAxisAlignment.start,
+    );
+  }
+
+  // ── Tuile d'option (idem MorePage._buildOptionTile) ───────────────────────
+  Widget _buildOptionTile({
+    required BuildContext context,
+    required IconData icon,
+    required String title,
+    required String subtitle,
+    required VoidCallback onTap,
+    Color? color,
+  }) {
+    final effectiveColor = color ?? AppColors.primaryGreen;
+
+    return CoreCard(
+      margin: const EdgeInsets.only(bottom: 8),
+      onTap: onTap,
+      child: Row(
         children: [
-          const CircleAvatar(
-            radius: 30,
-            backgroundColor: Colors.white,
+          Container(
+            padding: const EdgeInsets.all(8),
+            decoration: BoxDecoration(
+              color: effectiveColor.withOpacity(0.1),
+              borderRadius: BorderRadius.circular(8),
+            ),
             child: Icon(
-              Icons.person,
-              size: 35,
-              color: ColorTokens.primary,
+              icon,
+              color: effectiveColor,
+              size: 20,
             ),
           ),
-          const SizedBox(height: SpacingTokens.md),
-          Text(
-            'Utilisateur UnionFlow',
-            style: TypographyTokens.titleMedium.copyWith(
-              color: Colors.white,
-              fontWeight: FontWeight.w600,
+          const SizedBox(width: 16),
+          Expanded(
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Text(
+                  title,
+                  style: AppTypography.actionText.copyWith(
+                    color: color ?? AppColors.textPrimaryLight,
+                  ),
+                ),
+                Text(
+                  subtitle,
+                  style: AppTypography.subtitleSmall,
+                ),
+              ],
             ),
           ),
-          Text(
-            'admin@unionflow.dev',
-            style: TypographyTokens.bodySmall.copyWith(
-              color: Colors.white.withOpacity(0.8),
-            ),
+          Icon(
+            Icons.chevron_right,
+            color: AppColors.textSecondaryLight,
+            size: 16,
           ),
         ],
       ),
     );
   }
-
-  /// Construit un élément de menu
-  Widget _buildMenuItem(DrawerMenuItem item) {
-    return ListTile(
-      leading: Icon(item.icon),
-      title: Text(
-        item.title,
-        style: TypographyTokens.bodyMedium,
-      ),
-      onTap: item.onTap,
-    );
-  }
-
-  /// Construit l'élément de déconnexion
-  Widget _buildLogoutItem() {
-    return ListTile(
-      leading: const Icon(
-        Icons.logout,
-        color: ColorTokens.error,
-      ),
-      title: Text(
-        'Déconnexion',
-        style: TypographyTokens.bodyMedium.copyWith(
-          color: ColorTokens.error,
-        ),
-      ),
-      onTap: onLogout,
-    );
-  }
 }