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_widgets.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
-import '../../../../shared/design_system/dashboard_theme.dart';
+import '../../../../shared/design_system/unionflow_design_system.dart';
+import '../../../../shared/widgets/core_card.dart';
 
 /// Widget de statistique simple pour les dashboards de rôle
 class DashboardStat extends StatelessWidget {
@@ -18,13 +19,8 @@ class DashboardStat extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Container(
-      padding: const EdgeInsets.all(DashboardTheme.spacing16),
-      decoration: BoxDecoration(
-        color: DashboardTheme.white,
-        borderRadius: BorderRadius.circular(DashboardTheme.borderRadius),
-        boxShadow: DashboardTheme.cardShadow,
-      ),
+    return CoreCard(
+      padding: const EdgeInsets.all(16),
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
@@ -32,22 +28,27 @@ class DashboardStat extends StatelessWidget {
             children: [
               Icon(
                 icon,
-                color: color ?? DashboardTheme.royalBlue,
-                size: 24,
+                color: color ?? AppColors.primaryGreen,
+                size: 20,
               ),
               const Spacer(),
               Text(
                 value,
-                style: DashboardTheme.titleLarge.copyWith(
-                  color: color ?? DashboardTheme.royalBlue,
+                style: AppTypography.headerSmall.copyWith(
+                  color: color ?? AppColors.primaryGreen,
+                  fontSize: 18,
                 ),
               ),
             ],
           ),
-          const SizedBox(height: DashboardTheme.spacing8),
+          const SizedBox(height: 8),
           Text(
-            title,
-            style: DashboardTheme.bodyMedium,
+            title.toUpperCase(),
+            style: AppTypography.subtitleSmall.copyWith(
+              fontWeight: FontWeight.bold,
+              fontSize: 10,
+              letterSpacing: 1.1,
+            ),
           ),
         ],
       ),
@@ -72,9 +73,9 @@ class DashboardStatsGrid extends StatelessWidget {
       shrinkWrap: true,
       physics: const NeverScrollableScrollPhysics(),
       crossAxisCount: 2,
-      mainAxisSpacing: DashboardTheme.spacing12,
-      crossAxisSpacing: DashboardTheme.spacing12,
-      childAspectRatio: 1.2,
+      mainAxisSpacing: 12,
+      crossAxisSpacing: 12,
+      childAspectRatio: 1.3,
       children: stats,
     );
   }
@@ -95,9 +96,9 @@ class DashboardQuickActionsGrid extends StatelessWidget {
       shrinkWrap: true,
       physics: const NeverScrollableScrollPhysics(),
       crossAxisCount: 2,
-      mainAxisSpacing: DashboardTheme.spacing12,
-      crossAxisSpacing: DashboardTheme.spacing12,
-      childAspectRatio: 1.5,
+      mainAxisSpacing: 12,
+      crossAxisSpacing: 12,
+      childAspectRatio: 1.4,
       children: children,
     );
   }
@@ -120,37 +121,34 @@ class DashboardQuickAction extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return InkWell(
+    return CoreCard(
       onTap: onTap,
-      borderRadius: BorderRadius.circular(DashboardTheme.borderRadius),
-      child: Container(
-        padding: const EdgeInsets.all(DashboardTheme.spacing16),
-        decoration: BoxDecoration(
-          color: DashboardTheme.white,
-          borderRadius: BorderRadius.circular(DashboardTheme.borderRadius),
-          boxShadow: DashboardTheme.cardShadow,
-          border: Border.all(
-            color: (color ?? DashboardTheme.royalBlue).withOpacity(0.2),
-          ),
-        ),
-        child: Column(
-          mainAxisAlignment: MainAxisAlignment.center,
-          children: [
-            Icon(
+      padding: const EdgeInsets.all(12),
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          Container(
+            padding: const EdgeInsets.all(10),
+            decoration: BoxDecoration(
+              color: (color ?? AppColors.primaryGreen).withOpacity(0.1),
+              shape: BoxShape.circle,
+            ),
+            child: Icon(
               icon,
-              color: color ?? DashboardTheme.royalBlue,
-              size: 32,
+              color: color ?? AppColors.primaryGreen,
+              size: 24,
             ),
-            const SizedBox(height: DashboardTheme.spacing8),
-            Text(
-              title,
-              style: DashboardTheme.bodyMedium.copyWith(
-                fontWeight: FontWeight.w600,
-              ),
-              textAlign: TextAlign.center,
+          ),
+          const SizedBox(height: 12),
+          Text(
+            title,
+            style: AppTypography.actionText.copyWith(
+              fontSize: 12,
+              fontWeight: FontWeight.w600,
             ),
-          ],
-        ),
+            textAlign: TextAlign.center,
+          ),
+        ],
       ),
     );
   }
@@ -167,21 +165,19 @@ class DashboardRecentActivitySection extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Container(
-      padding: const EdgeInsets.all(DashboardTheme.spacing16),
-      decoration: BoxDecoration(
-        color: DashboardTheme.white,
-        borderRadius: BorderRadius.circular(DashboardTheme.borderRadius),
-        boxShadow: DashboardTheme.cardShadow,
-      ),
+    return CoreCard(
+      padding: const EdgeInsets.all(16),
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
-          const Text(
-            'Activités récentes',
-            style: DashboardTheme.titleMedium,
+          Text(
+            'ACTIVITÉS RÉCENTES',
+            style: AppTypography.subtitleSmall.copyWith(
+              fontWeight: FontWeight.bold,
+              letterSpacing: 1.1,
+            ),
           ),
-          const SizedBox(height: DashboardTheme.spacing16),
+          const SizedBox(height: 16),
           ...children,
         ],
       ),
@@ -209,43 +205,45 @@ class DashboardActivity extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Padding(
-      padding: const EdgeInsets.only(bottom: DashboardTheme.spacing12),
+      padding: const EdgeInsets.only(bottom: 12),
       child: Row(
         children: [
           Container(
-            padding: const EdgeInsets.all(DashboardTheme.spacing8),
+            padding: const EdgeInsets.all(6),
             decoration: BoxDecoration(
-              color: (color ?? DashboardTheme.royalBlue).withOpacity(0.1),
-              borderRadius: BorderRadius.circular(DashboardTheme.borderRadiusSmall),
+              color: (color ?? AppColors.primaryGreen).withOpacity(0.1),
+              borderRadius: BorderRadius.circular(4),
             ),
             child: Icon(
               icon,
-              color: color ?? DashboardTheme.royalBlue,
-              size: 16,
+              color: color ?? AppColors.primaryGreen,
+              size: 14,
             ),
           ),
-          const SizedBox(width: DashboardTheme.spacing12),
+          const SizedBox(width: 12),
           Expanded(
             child: Column(
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [
                 Text(
                   title,
-                  style: DashboardTheme.bodyMedium.copyWith(
+                  style: AppTypography.actionText.copyWith(
                     fontWeight: FontWeight.w600,
+                    fontSize: 12,
                   ),
                 ),
                 Text(
                   subtitle,
-                  style: DashboardTheme.bodySmall,
+                  style: AppTypography.subtitleSmall.copyWith(fontSize: 10),
                 ),
               ],
             ),
           ),
           Text(
             time,
-            style: DashboardTheme.bodySmall.copyWith(
-              color: DashboardTheme.grey500,
+            style: AppTypography.subtitleSmall.copyWith(
+              color: AppColors.textSecondaryLight,
+              fontSize: 9,
             ),
           ),
         ],