analysis page remake

devtools_options.yaml

@@ -0,0 +1,3 @@
+description: This file stores settings for Dart & Flutter DevTools.
+documentation: https://docs.flutter.dev/tools/devtools/extensions#configure-extension-enablement-states
+extensions:

lib/features/analysis/presentation/manager/analysis_chart_metric.dart

@@ -2,7 +2,7 @@ enum AnalysisChartMetric { scans, pointsUsed }
 
 extension AnalysisChartMetricX on AnalysisChartMetric {
   String get label => switch (this) {
-    AnalysisChartMetric.scans => 'Scans',
+    AnalysisChartMetric.scans => 'Member scans',
-    AnalysisChartMetric.pointsUsed => 'Points Used',
+    AnalysisChartMetric.pointsUsed => 'Coins redeemed',
   };
 }

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

@@ -106,17 +106,39 @@ class _SettingsBody extends StatelessWidget {
           ],
         ),
         const SizedBox(height: 12),
-        FilledButton.icon(
+        _LogoutButton(onPressed: onLogout),
-          onPressed: onLogout,
+      ],
-          icon: const Icon(Icons.logout_rounded),
+    );
-          label: const Text('Logout'),
+  }
-          style: FilledButton.styleFrom(
+}
-            backgroundColor: Theme.of(context).colorScheme.error,
+
-            foregroundColor: Theme.of(context).colorScheme.onError,
+class _LogoutButton extends StatelessWidget {
-            padding: const EdgeInsets.symmetric(vertical: 16),
+  const _LogoutButton({required this.onPressed});
+
+  final VoidCallback onPressed;
+
+  @override
+  Widget build(BuildContext context) {
+    final colorScheme = Theme.of(context).colorScheme;
+
+    return SizedBox(
+      width: double.infinity,
+      child: FilledButton.icon(
+        onPressed: onPressed,
+        icon: const Icon(Icons.logout_rounded),
+        label: const Text(
+          'Logout',
+          style: TextStyle(fontSize: 16, fontWeight: FontWeight.w600),
+        ),
+        style: FilledButton.styleFrom(
+          backgroundColor: colorScheme.primary,
+          foregroundColor: colorScheme.onPrimary,
+          padding: const EdgeInsets.symmetric(vertical: 16),
+          shape: RoundedRectangleBorder(
+            borderRadius: BorderRadius.circular(18),
           ),
         ),
-      ],
+      ),
     );
   }
 }