feat: complete client reports and hub management UI, comment out export buttons

apps/mobile/packages/features/client/settings/lib/src/presentation/widgets/client_settings_page/settings_logout.dart

@@ -0,0 +1,87 @@
+import 'package:core_localization/core_localization.dart';
+import 'package:design_system/design_system.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:flutter_modular/flutter_modular.dart';
+import 'package:krow_core/core.dart';
+import '../../blocs/client_settings_bloc.dart';
+
+/// A widget that displays the log out button.
+class SettingsLogout extends StatelessWidget {
+  /// Creates a [SettingsLogout].
+  const SettingsLogout({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final TranslationsClientSettingsProfileEn labels =
+        t.client_settings.profile;
+
+    return SliverPadding(
+      padding: const EdgeInsets.symmetric(horizontal: UiConstants.space5),
+      sliver: SliverToBoxAdapter(
+        child: BlocBuilder<ClientSettingsBloc, ClientSettingsState>(
+          builder: (BuildContext context, ClientSettingsState state) {
+            return UiButton.primary(
+              text: labels.log_out,
+              style: ElevatedButton.styleFrom(
+                backgroundColor: UiColors.white,
+                foregroundColor: UiColors.textPrimary,
+                side: const BorderSide(color: UiColors.textPrimary),
+                elevation: 0,
+              ),
+              onPressed: state is ClientSettingsLoading
+                  ? null
+                  : () => _showSignOutDialog(context),
+            );
+          },
+        ),
+      ),
+    );
+  }
+
+  /// Handles the sign-out button click event.
+  void _onSignoutClicked(BuildContext context) {
+    ReadContext(
+      context,
+    ).read<ClientSettingsBloc>().add(const ClientSettingsSignOutRequested());
+  }
+
+  /// Shows a confirmation dialog for signing out.
+  Future<void> _showSignOutDialog(BuildContext context) {
+    return showDialog(
+      context: context,
+      builder: (BuildContext dialogContext) => AlertDialog(
+        backgroundColor: UiColors.bgPopup,
+        elevation: 0,
+        shape: RoundedRectangleBorder(borderRadius: UiConstants.radiusLg),
+        title: Text(
+          t.client_settings.profile.log_out,
+          style: UiTypography.headline3m.textPrimary,
+        ),
+        content: Text(
+          t.client_settings.profile.log_out_confirmation,
+          style: UiTypography.body2r.textSecondary,
+        ),
+        actions: <Widget>[
+          // Log out button
+          UiButton.primary(
+            text: t.client_settings.profile.log_out,
+            style: ElevatedButton.styleFrom(
+              backgroundColor: UiColors.white,
+              foregroundColor: UiColors.textPrimary,
+              side: const BorderSide(color: UiColors.textPrimary),
+              elevation: 0,
+            ),
+            onPressed: () => _onSignoutClicked(context),
+          ),
+
+          // Cancel button
+          UiButton.secondary(
+            text: t.common.cancel,
+            onPressed: () => Modular.to.pop(),
+          ),
+        ],
+      ),
+    );
+  }
+}