feat: Implement client settings and profile management feature with sign-out functionality.

apps/apps/client/lib/main.dart

@@ -7,6 +7,7 @@ import 'package:flutter_modular/flutter_modular.dart';
 import 'package:client_authentication/client_authentication.dart'
     as client_authentication;
 import 'package:client_home/client_home.dart' as client_home;
+import 'package:client_settings/client_settings.dart' as client_settings;
 
 void main() async {
   WidgetsFlutterBinding.ensureInitialized();
@@ -25,6 +26,12 @@ class AppModule extends Module {
 
     // Client home route
     r.module('/client-home', module: client_home.ClientHomeModule());
+
+    // Client settings route
+    r.module(
+      '/client-settings',
+      module: client_settings.ClientSettingsModule(),
+    );
   }
 }
 

apps/apps/client/pubspec.yaml

@@ -17,6 +17,8 @@ dependencies:
     path: ../../packages/features/client/authentication
   client_home:
     path: ../../packages/features/client/home
+  client_settings:
+    path: ../../packages/features/client/settings
   core_localization:
     path: ../../packages/core_localization
   flutter_modular: ^6.3.2

apps/packages/core_localization/lib/src/l10n/en.i18n.json

@@ -185,6 +185,17 @@
       "hourly_rate": "Hourly Rate (\\$) *",
       "post_shift": "Post Shift"
     }
+  },
+  "client_settings": {
+    "profile": {
+      "title": "Profile",
+      "edit_profile": "Edit Profile",
+      "hubs": "Hubs",
+      "log_out": "Log Out",
+      "quick_links": "Quick Links",
+      "clock_in_hubs": "Clock-In Hubs",
+      "billing_payments": "Billing & Payments"
+    }
   }
 }
 

apps/packages/core_localization/lib/src/l10n/es.i18n.json

@@ -185,5 +185,16 @@
       "hourly_rate": "Tarifa por hora (\\$) *",
       "post_shift": "Publicar Turno"
     }
+  },
+  "client_settings": {
+    "profile": {
+      "title": "Perfil",
+      "edit_profile": "Editar Perfil",
+      "hubs": "Hubs",
+      "log_out": "Cerrar sesión",
+      "quick_links": "Enlaces rápidos",
+      "clock_in_hubs": "Hubs de Marcaje",
+      "billing_payments": "Facturación y Pagos"
+    }
   }
 }

apps/packages/core_localization/lib/src/l10n/strings.g.dart

@@ -4,9 +4,9 @@
 /// To regenerate, run: `dart run slang`
 ///
 /// Locales: 2
-/// Strings: 276 (138 per locale)
+/// Strings: 288 (144 per locale)
 ///
-/// Built on 2026-01-21 at 18:21 UTC
+/// Built on 2026-01-22 at 00:33 UTC
 
 // coverage:ignore-file
 // ignore_for_file: type=lint, unused_import

apps/packages/core_localization/lib/src/l10n/strings_en.g.dart

@@ -45,6 +45,7 @@ class Translations with BaseTranslations<AppLocale, Translations> {
 	late final TranslationsStaffAuthenticationEn staff_authentication = TranslationsStaffAuthenticationEn._(_root);
 	late final TranslationsClientAuthenticationEn client_authentication = TranslationsClientAuthenticationEn._(_root);
 	late final TranslationsClientHomeEn client_home = TranslationsClientHomeEn._(_root);
+	late final TranslationsClientSettingsEn client_settings = TranslationsClientSettingsEn._(_root);
 }
 
 // Path: common
@@ -120,10 +121,6 @@ class TranslationsClientHomeEn {
 	final Translations _root; // ignore: unused_field
 
 	// Translations
-
-	/// en: 'Shift order submitted successfully'
-	String get shift_created_success => 'Shift order submitted successfully';
-
 	late final TranslationsClientHomeDashboardEn dashboard = TranslationsClientHomeDashboardEn._(_root);
 	late final TranslationsClientHomeWidgetsEn widgets = TranslationsClientHomeWidgetsEn._(_root);
 	late final TranslationsClientHomeActionsEn actions = TranslationsClientHomeActionsEn._(_root);
@@ -131,6 +128,16 @@ class TranslationsClientHomeEn {
 	late final TranslationsClientHomeFormEn form = TranslationsClientHomeFormEn._(_root);
 }
 
+// Path: client_settings
+class TranslationsClientSettingsEn {
+	TranslationsClientSettingsEn._(this._root);
+
+	final Translations _root; // ignore: unused_field
+
+	// Translations
+	late final TranslationsClientSettingsProfileEn profile = TranslationsClientSettingsProfileEn._(_root);
+}
+
 // Path: staff_authentication.get_started_page
 class TranslationsStaffAuthenticationGetStartedPageEn {
 	TranslationsStaffAuthenticationGetStartedPageEn._(this._root);
@@ -541,6 +548,36 @@ class TranslationsClientHomeFormEn {
 	String get post_shift => 'Post Shift';
 }
 
+// Path: client_settings.profile
+class TranslationsClientSettingsProfileEn {
+	TranslationsClientSettingsProfileEn._(this._root);
+
+	final Translations _root; // ignore: unused_field
+
+	// Translations
+
+	/// en: 'Profile'
+	String get title => 'Profile';
+
+	/// en: 'Edit Profile'
+	String get edit_profile => 'Edit Profile';
+
+	/// en: 'Hubs'
+	String get hubs => 'Hubs';
+
+	/// en: 'Log Out'
+	String get log_out => 'Log Out';
+
+	/// en: 'Quick Links'
+	String get quick_links => 'Quick Links';
+
+	/// en: 'Clock-In Hubs'
+	String get clock_in_hubs => 'Clock-In Hubs';
+
+	/// en: 'Billing & Payments'
+	String get billing_payments => 'Billing & Payments';
+}
+
 // Path: staff_authentication.profile_setup_page.steps
 class TranslationsStaffAuthenticationProfileSetupPageStepsEn {
 	TranslationsStaffAuthenticationProfileSetupPageStepsEn._(this._root);
@@ -816,7 +853,6 @@ extension on Translations {
 			'client_authentication.sign_up_page.social_google' => 'Sign Up with Google',
 			'client_authentication.sign_up_page.has_account' => 'Already have an account? ',
 			'client_authentication.sign_up_page.sign_in_link' => 'Sign In',
-			'client_home.shift_created_success' => 'Shift order submitted successfully',
 			'client_home.dashboard.welcome_back' => 'Welcome back',
 			'client_home.dashboard.edit_mode_active' => 'Edit Mode Active',
 			'client_home.dashboard.drag_instruction' => 'Drag to reorder, toggle visibility',
@@ -855,6 +891,13 @@ extension on Translations {
 			'client_home.form.workers_needed' => 'Workers Needed *',
 			'client_home.form.hourly_rate' => 'Hourly Rate (\$) *',
 			'client_home.form.post_shift' => 'Post Shift',
+			'client_settings.profile.title' => 'Profile',
+			'client_settings.profile.edit_profile' => 'Edit Profile',
+			'client_settings.profile.hubs' => 'Hubs',
+			'client_settings.profile.log_out' => 'Log Out',
+			'client_settings.profile.quick_links' => 'Quick Links',
+			'client_settings.profile.clock_in_hubs' => 'Clock-In Hubs',
+			'client_settings.profile.billing_payments' => 'Billing & Payments',
 			_ => null,
 		};
 	}

apps/packages/core_localization/lib/src/l10n/strings_es.g.dart

@@ -42,6 +42,7 @@ class TranslationsEs with BaseTranslations<AppLocale, Translations> implements T
 	@override late final _TranslationsStaffAuthenticationEs staff_authentication = _TranslationsStaffAuthenticationEs._(_root);
 	@override late final _TranslationsClientAuthenticationEs client_authentication = _TranslationsClientAuthenticationEs._(_root);
 	@override late final _TranslationsClientHomeEs client_home = _TranslationsClientHomeEs._(_root);
+	@override late final _TranslationsClientSettingsEs client_settings = _TranslationsClientSettingsEs._(_root);
 }
 
 // Path: common
@@ -103,7 +104,6 @@ class _TranslationsClientHomeEs implements TranslationsClientHomeEn {
 	final TranslationsEs _root; // ignore: unused_field
 
 	// Translations
-	@override String get shift_created_success => 'Orden de turno enviada con éxito';
 	@override late final _TranslationsClientHomeDashboardEs dashboard = _TranslationsClientHomeDashboardEs._(_root);
 	@override late final _TranslationsClientHomeWidgetsEs widgets = _TranslationsClientHomeWidgetsEs._(_root);
 	@override late final _TranslationsClientHomeActionsEs actions = _TranslationsClientHomeActionsEs._(_root);
@@ -111,6 +111,16 @@ class _TranslationsClientHomeEs implements TranslationsClientHomeEn {
 	@override late final _TranslationsClientHomeFormEs form = _TranslationsClientHomeFormEs._(_root);
 }
 
+// Path: client_settings
+class _TranslationsClientSettingsEs implements TranslationsClientSettingsEn {
+	_TranslationsClientSettingsEs._(this._root);
+
+	final TranslationsEs _root; // ignore: unused_field
+
+	// Translations
+	@override late final _TranslationsClientSettingsProfileEs profile = _TranslationsClientSettingsProfileEs._(_root);
+}
+
 // Path: staff_authentication.get_started_page
 class _TranslationsStaffAuthenticationGetStartedPageEs implements TranslationsStaffAuthenticationGetStartedPageEn {
 	_TranslationsStaffAuthenticationGetStartedPageEs._(this._root);
@@ -334,6 +344,22 @@ class _TranslationsClientHomeFormEs implements TranslationsClientHomeFormEn {
 	@override String get post_shift => 'Publicar Turno';
 }
 
+// Path: client_settings.profile
+class _TranslationsClientSettingsProfileEs implements TranslationsClientSettingsProfileEn {
+	_TranslationsClientSettingsProfileEs._(this._root);
+
+	final TranslationsEs _root; // ignore: unused_field
+
+	// Translations
+	@override String get title => 'Perfil';
+	@override String get edit_profile => 'Editar Perfil';
+	@override String get hubs => 'Hubs';
+	@override String get log_out => 'Cerrar sesión';
+	@override String get quick_links => 'Enlaces rápidos';
+	@override String get clock_in_hubs => 'Hubs de Marcaje';
+	@override String get billing_payments => 'Facturación y Pagos';
+}
+
 // Path: staff_authentication.profile_setup_page.steps
 class _TranslationsStaffAuthenticationProfileSetupPageStepsEs implements TranslationsStaffAuthenticationProfileSetupPageStepsEn {
 	_TranslationsStaffAuthenticationProfileSetupPageStepsEs._(this._root);
@@ -534,7 +560,6 @@ extension on TranslationsEs {
 			'client_authentication.sign_up_page.social_google' => 'Regístrate con Google',
 			'client_authentication.sign_up_page.has_account' => '¿Ya tienes una cuenta? ',
 			'client_authentication.sign_up_page.sign_in_link' => 'Iniciar sesión',
-			'client_home.shift_created_success' => 'Orden de turno enviada con éxito',
 			'client_home.dashboard.welcome_back' => 'Bienvenido de nuevo',
 			'client_home.dashboard.edit_mode_active' => 'Modo Edición Activo',
 			'client_home.dashboard.drag_instruction' => 'Arrastra para reordenar, cambia la visibilidad',
@@ -573,6 +598,13 @@ extension on TranslationsEs {
 			'client_home.form.workers_needed' => 'Trabajadores Necesarios *',
 			'client_home.form.hourly_rate' => 'Tarifa por hora (\$) *',
 			'client_home.form.post_shift' => 'Publicar Turno',
+			'client_settings.profile.title' => 'Perfil',
+			'client_settings.profile.edit_profile' => 'Editar Perfil',
+			'client_settings.profile.hubs' => 'Hubs',
+			'client_settings.profile.log_out' => 'Cerrar sesión',
+			'client_settings.profile.quick_links' => 'Enlaces rápidos',
+			'client_settings.profile.clock_in_hubs' => 'Hubs de Marcaje',
+			'client_settings.profile.billing_payments' => 'Facturación y Pagos',
 			_ => null,
 		};
 	}

apps/packages/design_system/lib/src/ui_icons.dart

@@ -171,4 +171,7 @@ class UiIcons {
 
   /// Google icon
   static const IconData google = _IconLib2.google;
+
+  /// NFC icon
+  static const IconData nfc = _IconLib.nfc;
 }

apps/packages/features/client/home/lib/src/presentation/navigation/client_home_navigator.dart

@@ -1,10 +1,15 @@
 import 'package:flutter_modular/flutter_modular.dart';
 
-/// Navigation extension for the Client Home feature.
+/// Extension on [IModularNavigator] to provide strongly-typed navigation
+/// for the client home feature.
 extension ClientHomeNavigator on IModularNavigator {
-  /// Navigates to the Client Home page.
+  /// Navigates to the client home page.
-  void navigateClientHome() => navigate('/client-home/');
+  void pushClientHome() {
+    pushNamed('/client/home/');
+  }
 
-  /// Pushes the Client Home page.
+  /// Navigates to the settings page.
-  Future<void> pushClientHome() => pushNamed('/client-home/');
+  void pushSettings() {
+    pushNamed('/client-settings/');
+  }
 }

apps/packages/features/client/home/lib/src/presentation/pages/client_home_page.dart

@@ -7,6 +7,7 @@ import 'package:flutter_modular/flutter_modular.dart';
 import '../blocs/client_home_bloc.dart';
 import '../blocs/client_home_event.dart';
 import '../blocs/client_home_state.dart';
+import '../navigation/client_home_navigator.dart';
 import '../widgets/actions_widget.dart';
 import '../widgets/coverage_widget.dart';
 import '../widgets/live_activity_widget.dart';
@@ -176,7 +177,10 @@ class ClientHomePage extends StatelessWidget {
                     onTap: () {},
                   ),
                   const SizedBox(width: UiConstants.space2),
-                  _HeaderIconButton(icon: UiIcons.settings, onTap: () {}),
+                  _HeaderIconButton(
+                    icon: UiIcons.settings,
+                    onTap: () => Modular.to.pushSettings(),
+                  ),
                 ],
               ),
             ],

apps/packages/features/client/settings/lib/client_settings.dart

@@ -0,0 +1,34 @@
+import 'package:flutter_modular/flutter_modular.dart';
+import 'package:krow_data_connect/krow_data_connect.dart';
+import 'src/data/repositories_impl/settings_repository_impl.dart';
+import 'src/domain/repositories/settings_repository_interface.dart';
+import 'src/domain/usecases/sign_out_usecase.dart';
+import 'src/presentation/blocs/client_settings_bloc.dart';
+import 'src/presentation/pages/client_settings_page.dart';
+
+/// A [Module] for the client settings feature.
+class ClientSettingsModule extends Module {
+  @override
+  List<Module> get imports => [DataConnectModule()];
+
+  @override
+  void binds(Injector i) {
+    // Repositories
+    i.addLazySingleton<SettingsRepositoryInterface>(
+      () => SettingsRepositoryImpl(i.get<AuthRepositoryMock>()),
+    );
+
+    // UseCases
+    i.addLazySingleton(SignOutUseCase.new);
+
+    // BLoCs
+    i.add<ClientSettingsBloc>(
+      () => ClientSettingsBloc(signOutUseCase: i.get<SignOutUseCase>()),
+    );
+  }
+
+  @override
+  void routes(r) {
+    r.child('/', child: (_) => const ClientSettingsPage());
+  }
+}

apps/packages/features/client/settings/lib/src/data/repositories_impl/settings_repository_impl.dart

@@ -0,0 +1,15 @@
+import 'package:krow_data_connect/krow_data_connect.dart';
+import '../../domain/repositories/settings_repository_interface.dart';
+
+/// Implementation of [SettingsRepositoryInterface] that delegates to [AuthRepositoryMock].
+class SettingsRepositoryImpl implements SettingsRepositoryInterface {
+  final AuthRepositoryMock _authMock;
+
+  /// Creates a [SettingsRepositoryImpl].
+  SettingsRepositoryImpl(this._authMock);
+
+  @override
+  Future<void> signOut() {
+    return _authMock.signOut();
+  }
+}

apps/packages/features/client/settings/lib/src/domain/repositories/settings_repository_interface.dart

@@ -0,0 +1,5 @@
+/// Interface for the Client Settings Repository.
+abstract interface class SettingsRepositoryInterface {
+  /// Signs out the current user.
+  Future<void> signOut();
+}

apps/packages/features/client/settings/lib/src/domain/usecases/sign_out_usecase.dart

@@ -0,0 +1,15 @@
+import 'package:krow_core/core.dart';
+import '../repositories/settings_repository_interface.dart';
+
+/// Use case handles the user sign out process.
+class SignOutUseCase implements NoInputUseCase<void> {
+  final SettingsRepositoryInterface _repository;
+
+  /// Creates a [SignOutUseCase].
+  SignOutUseCase(this._repository);
+
+  @override
+  Future<void> call() {
+    return _repository.signOut();
+  }
+}

apps/packages/features/client/settings/lib/src/presentation/blocs/client_settings_bloc.dart

@@ -0,0 +1,31 @@
+import 'package:equatable/equatable.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import '../../domain/usecases/sign_out_usecase.dart';
+
+part 'client_settings_event.dart';
+part 'client_settings_state.dart';
+
+/// BLoC to manage client settings and profile state.
+class ClientSettingsBloc
+    extends Bloc<ClientSettingsEvent, ClientSettingsState> {
+  final SignOutUseCase _signOutUseCase;
+
+  ClientSettingsBloc({required SignOutUseCase signOutUseCase})
+    : _signOutUseCase = signOutUseCase,
+      super(const ClientSettingsInitial()) {
+    on<ClientSettingsSignOutRequested>(_onSignOutRequested);
+  }
+
+  Future<void> _onSignOutRequested(
+    ClientSettingsSignOutRequested event,
+    Emitter<ClientSettingsState> emit,
+  ) async {
+    emit(const ClientSettingsLoading());
+    try {
+      await _signOutUseCase();
+      emit(const ClientSettingsSignOutSuccess());
+    } catch (e) {
+      emit(ClientSettingsError(e.toString()));
+    }
+  }
+}

apps/packages/features/client/settings/lib/src/presentation/blocs/client_settings_event.dart

@@ -0,0 +1,12 @@
+part of 'client_settings_bloc.dart';
+
+abstract class ClientSettingsEvent extends Equatable {
+  const ClientSettingsEvent();
+
+  @override
+  List<Object?> get props => [];
+}
+
+class ClientSettingsSignOutRequested extends ClientSettingsEvent {
+  const ClientSettingsSignOutRequested();
+}

apps/packages/features/client/settings/lib/src/presentation/blocs/client_settings_state.dart

@@ -0,0 +1,29 @@
+part of 'client_settings_bloc.dart';
+
+abstract class ClientSettingsState extends Equatable {
+  const ClientSettingsState();
+
+  @override
+  List<Object?> get props => [];
+}
+
+class ClientSettingsInitial extends ClientSettingsState {
+  const ClientSettingsInitial();
+}
+
+class ClientSettingsLoading extends ClientSettingsState {
+  const ClientSettingsLoading();
+}
+
+class ClientSettingsSignOutSuccess extends ClientSettingsState {
+  const ClientSettingsSignOutSuccess();
+}
+
+class ClientSettingsError extends ClientSettingsState {
+  final String message;
+
+  const ClientSettingsError(this.message);
+
+  @override
+  List<Object?> get props => [message];
+}

apps/packages/features/client/settings/lib/src/presentation/navigation/client_settings_navigator.dart

@@ -0,0 +1,10 @@
+import 'package:flutter_modular/flutter_modular.dart';
+
+/// Extension on [IModularNavigator] to provide strongly-typed navigation
+/// for the client settings feature.
+extension ClientSettingsNavigator on IModularNavigator {
+  /// Navigates to the client settings page.
+  void pushClientSettings() {
+    pushNamed('/client/settings/');
+  }
+}

apps/packages/features/client/settings/lib/src/presentation/pages/client_settings_page.dart

@@ -0,0 +1,214 @@
+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 '../blocs/client_settings_bloc.dart';
+
+/// Page for client settings and profile management.
+class ClientSettingsPage extends StatelessWidget {
+  /// Creates a [ClientSettingsPage].
+  const ClientSettingsPage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final labels = t.client_settings.profile;
+
+    return BlocProvider<ClientSettingsBloc>(
+      create: (context) => Modular.get<ClientSettingsBloc>(),
+      child: BlocListener<ClientSettingsBloc, ClientSettingsState>(
+        listener: (context, state) {
+          if (state is ClientSettingsSignOutSuccess) {
+            Modular.to.navigate('/');
+          }
+          if (state is ClientSettingsError) {
+            ScaffoldMessenger.of(
+              context,
+            ).showSnackBar(SnackBar(content: Text(state.message)));
+          }
+        },
+        child: Scaffold(
+          backgroundColor: UiColors.background,
+          body: CustomScrollView(
+            slivers: [
+              SliverAppBar(
+                backgroundColor: UiColors.primary,
+                expandedHeight: 200,
+                pinned: true,
+                flexibleSpace: FlexibleSpaceBar(
+                  background: Container(
+                    decoration: const BoxDecoration(
+                      gradient: LinearGradient(
+                        colors: [UiColors.primary, Color(0xFF0047FF)],
+                        begin: Alignment.topLeft,
+                        end: Alignment.bottomRight,
+                      ),
+                    ),
+                    child: Column(
+                      mainAxisAlignment: MainAxisAlignment.center,
+                      children: [
+                        const SizedBox(
+                          height: UiConstants.space5 * 2,
+                        ), // Adjust for SafeArea
+                        Container(
+                          width: 80,
+                          height: 80,
+                          decoration: BoxDecoration(
+                            shape: BoxShape.circle,
+                            border: Border.all(
+                              color: UiColors.white.withValues(alpha: 0.24),
+                              width: 4,
+                            ),
+                            color: UiColors.white,
+                          ),
+                          child: const Center(
+                            child: Text(
+                              'C',
+                              style: TextStyle(
+                                fontSize: 32,
+                                fontWeight: FontWeight.bold,
+                                color: UiColors.primary,
+                              ),
+                            ),
+                          ),
+                        ),
+                        const SizedBox(height: UiConstants.space3),
+                        Text(
+                          'Your Company',
+                          style: UiTypography.body1b.copyWith(
+                            color: UiColors.white,
+                          ),
+                        ),
+                        const SizedBox(height: UiConstants.space1),
+                        Row(
+                          mainAxisAlignment: MainAxisAlignment.center,
+                          children: [
+                            Icon(
+                              UiIcons.mail,
+                              size: 14,
+                              color: UiColors.white.withValues(alpha: 0.7),
+                            ),
+                            const SizedBox(width: UiConstants.space2),
+                            Text(
+                              'client@example.com',
+                              style: UiTypography.footnote1r.copyWith(
+                                color: UiColors.white.withValues(alpha: 0.7),
+                              ),
+                            ),
+                          ],
+                        ),
+                      ],
+                    ),
+                  ),
+                ),
+                leading: IconButton(
+                  icon: const Icon(UiIcons.arrowLeft, color: UiColors.white),
+                  onPressed: () => Modular.to.pop(),
+                ),
+                title: Text(
+                  labels.title,
+                  style: UiTypography.body1b.copyWith(color: UiColors.white),
+                ),
+              ),
+              SliverPadding(
+                padding: const EdgeInsets.all(UiConstants.space5),
+                sliver: SliverList(
+                  delegate: SliverChildListDelegate([
+                    UiButton.primary(
+                      text: labels.edit_profile,
+                      onPressed: () {},
+                    ),
+                    const SizedBox(height: UiConstants.space4),
+                    UiButton.primary(text: labels.hubs, onPressed: () {}),
+                    const SizedBox(height: UiConstants.space4),
+                    BlocBuilder<ClientSettingsBloc, ClientSettingsState>(
+                      builder: (context, state) {
+                        return UiButton.secondary(
+                          text: labels.log_out,
+                          onPressed: state is ClientSettingsLoading
+                              ? null
+                              : () => BlocProvider.of<ClientSettingsBloc>(
+                                  context,
+                                ).add(const ClientSettingsSignOutRequested()),
+                        );
+                      },
+                    ),
+                    const SizedBox(height: UiConstants.space5),
+                    Card(
+                      elevation: 0,
+                      shape: RoundedRectangleBorder(
+                        borderRadius: UiConstants.radiusLg,
+                        side: const BorderSide(color: UiColors.border),
+                      ),
+                      color: UiColors.white,
+                      child: Padding(
+                        padding: const EdgeInsets.all(UiConstants.space4),
+                        child: Column(
+                          crossAxisAlignment: CrossAxisAlignment.start,
+                          children: [
+                            Text(
+                              labels.quick_links,
+                              style: UiTypography.footnote1b.textPrimary,
+                            ),
+                            const SizedBox(height: UiConstants.space3),
+                            _buildQuickLink(
+                              context,
+                              icon: UiIcons.nfc,
+                              title: labels.clock_in_hubs,
+                              onTap: () {},
+                            ),
+                            _buildQuickLink(
+                              context,
+                              icon: UiIcons.building,
+                              title: labels.billing_payments,
+                              onTap: () {},
+                            ),
+                          ],
+                        ),
+                      ),
+                    ),
+                  ]),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _buildQuickLink(
+    BuildContext context, {
+    required IconData icon,
+    required String title,
+    required VoidCallback onTap,
+  }) {
+    return InkWell(
+      onTap: onTap,
+      borderRadius: UiConstants.radiusMd,
+      child: Padding(
+        padding: const EdgeInsets.symmetric(
+          vertical: UiConstants.space3,
+          horizontal: UiConstants.space2,
+        ),
+        child: Row(
+          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+          children: [
+            Row(
+              children: [
+                Icon(icon, size: 20, color: UiColors.iconSecondary),
+                const SizedBox(width: UiConstants.space3),
+                Text(title, style: UiTypography.footnote1m.textPrimary),
+              ],
+            ),
+            const Icon(
+              UiIcons.chevronRight,
+              size: 20,
+              color: UiColors.iconThird,
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

apps/packages/features/client/settings/pubspec.yaml

@@ -0,0 +1,37 @@
+name: client_settings
+description: Settings and profile screen for the client application.
+version: 0.0.1
+publish_to: none
+resolution: workspace
+
+environment:
+  sdk: '>=3.10.0 <4.0.0'
+  flutter: ">=3.0.0"
+
+dependencies:
+  flutter:
+    sdk: flutter
+  flutter_bloc: ^8.1.0
+  flutter_modular: ^6.3.0
+  equatable: ^2.0.5
+  lucide_icons: ^0.257.0
+  
+  design_system:
+    path: ../../../design_system
+  core_localization:
+    path: ../../../core_localization
+  krow_core:
+    path: ../../../core
+  krow_domain:
+    path: ../../../domain
+  krow_data_connect:
+    path: ../../../data_connect
+
+dev_dependencies:
+  flutter_test:
+    sdk: flutter
+  bloc_test: ^9.1.0
+  mocktail: ^1.0.0
+
+flutter:
+  uses-material-design: true

apps/pubspec.yaml

@@ -12,6 +12,7 @@ workspace:
   - packages/features/staff/authentication
   - packages/features/client/authentication
   - packages/features/client/home
+  - packages/features/client/settings
   - apps/staff
   - apps/client
   - apps/design_system_viewer