feat(features): refontes onboarding/organizations/profile/reports/settings/solidarity

- onboarding : datasource souscription, models formule/status, bloc complet
- organizations : bloc orgs + switcher + types bloc, models, pages edit/create
- profile : bloc complet avec change password, delete account, preferences
- reports : bloc avec DashboardReports + ScheduleReports + GenerateReport
- settings : language, privacy, feedback pages
- solidarity : bloc complet demandes d'aide (CRUD, approuver, rejeter)

lib/features/settings/presentation/pages/feedback_page.dart

@@ -1,12 +1,30 @@
 /// Page dédiée à l'envoi de commentaires / feedback
-/// Permet de soumettre des suggestions, signaler des bugs, ou proposer des idées
 library feedback_page;
 
 import 'package:flutter/material.dart';
-import 'package:get_it/get_it.dart';
-import 'package:dio/dio.dart';
+import '../../../../core/di/injection.dart';
+import '../../../../core/network/api_client.dart';
 import '../../../../core/utils/logger.dart';
+import '../../../../shared/design_system/components/uf_app_bar.dart';
 import '../../../../shared/design_system/unionflow_design_system.dart';
+import '../../../../shared/widgets/core_card.dart';
+
+// ─────────────────────────────────────────────────────────────────────────────
+// Données statiques
+// ─────────────────────────────────────────────────────────────────────────────
+
+const _kCategories = [
+  _FeedbackCategory('suggestion',   'Suggestion',     Icons.lightbulb_outline,  AppColors.primary),
+  _FeedbackCategory('bug',          'Bug / Problème', Icons.bug_report_outlined, AppColors.error),
+  _FeedbackCategory('amelioration', 'Amélioration',   Icons.trending_up,         AppColors.success),
+  _FeedbackCategory('autre',        'Autre',          Icons.help_outline,        AppColors.primaryDark),
+];
+
+const _kMaxLength = 1000;
+
+// ─────────────────────────────────────────────────────────────────────────────
+// Page
+// ─────────────────────────────────────────────────────────────────────────────
 
 class FeedbackPage extends StatefulWidget {
   const FeedbackPage({super.key});
@@ -19,13 +37,15 @@ class _FeedbackPageState extends State<FeedbackPage> {
   final _messageController = TextEditingController();
   String _selectedCategory = 'suggestion';
   bool _isSending = false;
+  int _charCount = 0;
 
-  static const _categories = [
-    _FeedbackCategory('suggestion', 'Suggestion', Icons.lightbulb, AppColors.primaryGreen),
-    _FeedbackCategory('bug', 'Bug / Problème', Icons.bug_report, AppColors.error),
-    _FeedbackCategory('amelioration', 'Amélioration', Icons.trending_up, AppColors.success),
-    _FeedbackCategory('autre', 'Autre', Icons.help_outline, AppColors.brandGreen),
-  ];
+  @override
+  void initState() {
+    super.initState();
+    _messageController.addListener(
+      () => setState(() => _charCount = _messageController.text.length),
+    );
+  }
 
   @override
   void dispose() {
@@ -39,16 +59,14 @@ class _FeedbackPageState extends State<FeedbackPage> {
       _showSnackBar('Veuillez saisir un message.', isError: true);
       return;
     }
-
     setState(() => _isSending = true);
-
     try {
-      await GetIt.I<Dio>().post(
+      final cat = _kCategories.firstWhere((c) => c.id == _selectedCategory);
+      await getIt<ApiClient>().post(
         '/api/feedback',
         data: {
-          'subject': 'Feedback mobile [$_selectedCategory]',
+          'subject': '[${cat.label}] Feedback mobile',
           'message': message,
-          'categorie': _selectedCategory,
         },
       );
       if (mounted) {
@@ -57,9 +75,7 @@ class _FeedbackPageState extends State<FeedbackPage> {
       }
     } catch (e, st) {
       AppLogger.error('FeedbackPage: envoi feedback échoué', error: e, stackTrace: st);
-      if (mounted) {
-        _showSnackBar('Envoi échoué. Réessayez plus tard.', isError: true);
-      }
+      if (mounted) _showSnackBar('Envoi échoué. Réessayez plus tard.', isError: true);
     } finally {
       if (mounted) setState(() => _isSending = false);
     }
@@ -79,129 +95,56 @@ class _FeedbackPageState extends State<FeedbackPage> {
   Widget build(BuildContext context) {
     return Scaffold(
       backgroundColor: Theme.of(context).scaffoldBackgroundColor,
-      body: Column(
-        children: [
-          _buildHeader(),
-          Expanded(
-            child: SingleChildScrollView(
-              padding: const EdgeInsets.all(12),
-              child: Column(
-                children: [
-                  const SizedBox(height: 8),
-                  _buildCategorySection(),
-                  const SizedBox(height: 8),
-                  _buildMessageSection(),
-                  const SizedBox(height: 8),
-                  _buildSubmitButton(),
-                  const SizedBox(height: 80),
-                ],
-              ),
-            ),
-          ),
-        ],
+      appBar: UFAppBar(
+        title: 'Commentaires',
+        moduleGradient: ModuleColors.supportGradient,
       ),
-    );
-  }
-
-  Widget _buildHeader() {
-    return Container(
-      margin: const EdgeInsets.symmetric(horizontal: SpacingTokens.sm, vertical: SpacingTokens.xs),
-      padding: const EdgeInsets.all(SpacingTokens.md),
-      decoration: BoxDecoration(
-        gradient: const LinearGradient(
-          colors: [AppColors.brandGreen, AppColors.primaryGreen],
-          begin: Alignment.topLeft,
-          end: Alignment.bottomRight,
-        ),
-        borderRadius: BorderRadius.circular(SpacingTokens.xl),
-        boxShadow: [
-          BoxShadow(
-            color: AppColors.primaryGreen.withOpacity(0.3),
-            blurRadius: 20,
-            offset: const Offset(0, 8),
-          ),
-        ],
-      ),
-      child: SafeArea(
-        bottom: false,
-        child: Row(
+      body: SafeArea(
+        top: false,
+        child: ListView(
+          padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
           children: [
-            IconButton(
-              onPressed: () => Navigator.of(context).pop(),
-              icon: const Icon(Icons.arrow_back, color: Colors.white),
-            ),
-            Container(
-              padding: const EdgeInsets.all(8),
-              decoration: BoxDecoration(
-                color: Colors.white.withOpacity(0.2),
-                borderRadius: BorderRadius.circular(8),
-              ),
-              child: const Icon(Icons.feedback, color: Colors.white, size: 20),
-            ),
-            const SizedBox(width: 12),
-            const Expanded(
-              child: Column(
-                crossAxisAlignment: CrossAxisAlignment.start,
-                children: [
-                  Text(
-                    'Commentaires',
-                    style: TextStyle(
-                      fontSize: 20,
-                      fontWeight: FontWeight.bold,
-                      color: Colors.white,
-                    ),
-                  ),
-                  Text(
-                    'Aidez-nous à améliorer UnionFlow',
-                    style: TextStyle(
-                      fontSize: 14,
-                      color: Colors.white70,
-                    ),
-                  ),
-                ],
-              ),
-            ),
+            const SizedBox(height: 4),
+            _buildCategorySection(),
+            const SizedBox(height: 8),
+            _buildMessageSection(),
+            const SizedBox(height: 12),
+            _buildSubmitButton(),
+            const SizedBox(height: 80),
           ],
         ),
       ),
     );
   }
 
+  // ── Section catégories ────────────────────────────────────────────────────
+
   Widget _buildCategorySection() {
-    final isDark = Theme.of(context).brightness == Brightness.dark;
-    final textPrimary = isDark ? AppColors.textPrimaryDark : AppColors.textPrimaryLight;
-    final textSecondary = isDark ? AppColors.textSecondaryDark : AppColors.textSecondaryLight;
-    return Container(
-      padding: const EdgeInsets.all(10),
-      decoration: BoxDecoration(
-        color: isDark ? AppColors.darkSurface : Colors.white,
-        borderRadius: BorderRadius.circular(10),
-        boxShadow: [
-          BoxShadow(
-            color: Colors.black.withOpacity(0.05),
-            blurRadius: 10,
-            offset: const Offset(0, 2),
-          ),
-        ],
-      ),
+    final scheme = Theme.of(context).colorScheme;
+    return CoreCard(
+      padding: const EdgeInsets.all(16),
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
           Row(
             children: [
-              Icon(Icons.category, color: textSecondary, size: 20),
+              Icon(Icons.category_outlined, color: scheme.onSurfaceVariant, size: 16),
               const SizedBox(width: 8),
               Text(
-                'Type de retour',
-                style: AppTypography.headerSmall.copyWith(fontWeight: FontWeight.w600, color: textPrimary),
+                'TYPE DE RETOUR',
+                style: AppTypography.subtitleSmall.copyWith(
+                  fontWeight: FontWeight.bold,
+                  letterSpacing: 1.1,
+                  color: scheme.onSurfaceVariant,
+                ),
               ),
             ],
           ),
-          const SizedBox(height: 8),
+          const SizedBox(height: 12),
           Wrap(
-            spacing: 10,
-            runSpacing: 10,
-            children: _categories.map((cat) => _buildCategoryChip(cat)).toList(),
+            spacing: 8,
+            runSpacing: 8,
+            children: _kCategories.map(_buildCategoryChip).toList(),
           ),
         ],
       ),
@@ -209,34 +152,37 @@ class _FeedbackPageState extends State<FeedbackPage> {
   }
 
   Widget _buildCategoryChip(_FeedbackCategory cat) {
-    final isDark = Theme.of(context).brightness == Brightness.dark;
+    final scheme = Theme.of(context).colorScheme;
     final isSelected = _selectedCategory == cat.id;
-    final textSecondary = isDark ? AppColors.textSecondaryDark : AppColors.textSecondaryLight;
     return InkWell(
       onTap: () => setState(() => _selectedCategory = cat.id),
-      borderRadius: BorderRadius.circular(12),
-      child: Container(
-        padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 10),
+      borderRadius: BorderRadius.circular(8),
+      child: AnimatedContainer(
+        duration: const Duration(milliseconds: 180),
+        padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
         decoration: BoxDecoration(
-          color: isSelected
-              ? cat.color.withOpacity(0.12)
-              : (isDark ? AppColors.darkBackground : Colors.grey[50]),
-          borderRadius: BorderRadius.circular(12),
+          color: isSelected ? cat.color.withOpacity(0.1) : scheme.surface,
+          borderRadius: BorderRadius.circular(8),
           border: Border.all(
-            color: isSelected ? cat.color.withOpacity(0.5) : (isDark ? AppColors.darkBorder : Colors.grey[200]!),
+            color: isSelected ? cat.color.withOpacity(0.5) : scheme.outlineVariant,
             width: isSelected ? 1.5 : 1,
           ),
         ),
         child: Row(
           mainAxisSize: MainAxisSize.min,
           children: [
-            Icon(cat.icon, size: 18, color: isSelected ? cat.color : textSecondary),
-            const SizedBox(width: 8),
+            Icon(
+              cat.icon,
+              size: 15,
+              color: isSelected ? cat.color : scheme.onSurfaceVariant,
+            ),
+            const SizedBox(width: 6),
             Text(
               cat.label,
-              style: AppTypography.bodyTextSmall.copyWith(
+              style: AppTypography.actionText.copyWith(
+                fontSize: 12,
                 fontWeight: FontWeight.w600,
-                color: isSelected ? cat.color : textSecondary,
+                color: isSelected ? cat.color : scheme.onSurfaceVariant,
               ),
             ),
           ],
@@ -245,59 +191,70 @@ class _FeedbackPageState extends State<FeedbackPage> {
     );
   }
 
+  // ── Section message ────────────────────────────────────────────────────────
+
   Widget _buildMessageSection() {
-    final isDark = Theme.of(context).brightness == Brightness.dark;
-    final textPrimary = isDark ? AppColors.textPrimaryDark : AppColors.textPrimaryLight;
-    final textSecondary = isDark ? AppColors.textSecondaryDark : AppColors.textSecondaryLight;
-    return Container(
-      padding: const EdgeInsets.all(10),
-      decoration: BoxDecoration(
-        color: isDark ? AppColors.darkSurface : Colors.white,
-        borderRadius: BorderRadius.circular(10),
-        boxShadow: [
-          BoxShadow(
-            color: Colors.black.withOpacity(0.05),
-            blurRadius: 10,
-            offset: const Offset(0, 2),
-          ),
-        ],
-      ),
+    final scheme = Theme.of(context).colorScheme;
+    final isNearLimit = _charCount > _kMaxLength * 0.85;
+    return CoreCard(
+      padding: const EdgeInsets.all(16),
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
           Row(
             children: [
-              Icon(Icons.edit_note, color: textSecondary, size: 20),
+              Icon(Icons.edit_note_outlined, color: scheme.onSurfaceVariant, size: 16),
               const SizedBox(width: 8),
               Text(
-                'Votre message',
-                style: AppTypography.headerSmall.copyWith(fontWeight: FontWeight.w600, color: textPrimary),
+                'VOTRE MESSAGE',
+                style: AppTypography.subtitleSmall.copyWith(
+                  fontWeight: FontWeight.bold,
+                  letterSpacing: 1.1,
+                  color: scheme.onSurfaceVariant,
+                ),
+              ),
+              const Spacer(),
+              Text(
+                '$_charCount / $_kMaxLength',
+                style: AppTypography.subtitleSmall.copyWith(
+                  fontSize: 10,
+                  color: isNearLimit ? AppColors.error : scheme.onSurfaceVariant,
+                  fontWeight: isNearLimit ? FontWeight.bold : FontWeight.normal,
+                ),
               ),
             ],
           ),
-          const SizedBox(height: 8),
+          const SizedBox(height: 12),
           TextField(
             controller: _messageController,
-            maxLines: 6,
-            style: AppTypography.bodyTextSmall.copyWith(color: textPrimary),
+            maxLines: 7,
+            maxLength: _kMaxLength,
+            buildCounter: (_, {required currentLength, required isFocused, maxLength}) =>
+                const SizedBox.shrink(),
+            style: AppTypography.bodyTextSmall.copyWith(
+              color: scheme.onSurface,
+              fontSize: 13,
+            ),
             decoration: InputDecoration(
               hintText: 'Décrivez votre suggestion, problème ou idée...',
-              hintStyle: AppTypography.subtitleSmall.copyWith(color: textSecondary),
-              border: OutlineInputBorder(
-                borderRadius: BorderRadius.circular(12),
-                borderSide: BorderSide(color: isDark ? AppColors.darkBorder : Colors.grey[300]!),
-              ),
-              enabledBorder: OutlineInputBorder(
-                borderRadius: BorderRadius.circular(12),
-                borderSide: BorderSide(color: isDark ? AppColors.darkBorder : Colors.grey[300]!),
-              ),
-              focusedBorder: OutlineInputBorder(
-                borderRadius: BorderRadius.circular(12),
-                borderSide: const BorderSide(color: AppColors.primaryGreen, width: 1.5),
+              hintStyle: AppTypography.subtitleSmall.copyWith(
+                color: scheme.onSurfaceVariant,
               ),
               filled: true,
-              fillColor: isDark ? AppColors.darkBackground : Colors.grey[50],
-              alignLabelWithHint: true,
+              fillColor: scheme.surfaceContainerHighest.withOpacity(0.4),
+              border: OutlineInputBorder(
+                borderRadius: BorderRadius.circular(8),
+                borderSide: BorderSide(color: scheme.outlineVariant),
+              ),
+              enabledBorder: OutlineInputBorder(
+                borderRadius: BorderRadius.circular(8),
+                borderSide: BorderSide(color: scheme.outlineVariant),
+              ),
+              focusedBorder: OutlineInputBorder(
+                borderRadius: BorderRadius.circular(8),
+                borderSide: BorderSide(color: ModuleColors.support, width: 1.5),
+              ),
+              contentPadding: const EdgeInsets.all(12),
             ),
           ),
         ],
@@ -305,6 +262,8 @@ class _FeedbackPageState extends State<FeedbackPage> {
     );
   }
 
+  // ── Bouton envoi ──────────────────────────────────────────────────────────
+
   Widget _buildSubmitButton() {
     return SizedBox(
       width: double.infinity,
@@ -312,32 +271,34 @@ class _FeedbackPageState extends State<FeedbackPage> {
         onPressed: _isSending ? null : _submitFeedback,
         icon: _isSending
             ? const SizedBox(
-                width: 18,
-                height: 18,
+                width: 16,
+                height: 16,
                 child: CircularProgressIndicator(strokeWidth: 2, color: Colors.white),
               )
-            : const Icon(Icons.send, color: Colors.white),
+            : const Icon(Icons.send_rounded, color: Colors.white, size: 16),
         label: Text(
           _isSending ? 'Envoi en cours...' : 'Envoyer le commentaire',
-          style: const TextStyle(
-            fontSize: 16,
+          style: AppTypography.actionText.copyWith(
             fontWeight: FontWeight.w600,
             color: Colors.white,
           ),
         ),
         style: ElevatedButton.styleFrom(
-          backgroundColor: AppColors.primaryGreen,
+          backgroundColor: ModuleColors.support,
+          disabledBackgroundColor: ModuleColors.support.withOpacity(0.5),
           padding: const EdgeInsets.symmetric(vertical: 10),
-          shape: RoundedRectangleBorder(
-            borderRadius: BorderRadius.circular(8),
-          ),
-          elevation: 2,
+          shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
+          elevation: 0,
         ),
       ),
     );
   }
 }
 
+// ─────────────────────────────────────────────────────────────────────────────
+// Modèle de catégorie
+// ─────────────────────────────────────────────────────────────────────────────
+
 class _FeedbackCategory {
   final String id;
   final String label;