feat: Add a Documents menu item, refactor DocumentsPage to use BlocProvider and UiAppBar, and capitalize the 'KROWER I' profile level badge text.

apps/mobile/packages/features/staff/profile/lib/src/presentation/widgets/header/profile_level_badge.dart

@@ -19,7 +19,7 @@ class ProfileLevelBadge extends StatelessWidget {
     switch (status) {
       case StaffStatus.active:
       case StaffStatus.verified:
-        return 'Krower I';
+        return 'KROWER I';
       case StaffStatus.pending:
       case StaffStatus.completedProfile:
         return 'Pending';

apps/mobile/packages/features/staff/profile/lib/src/presentation/widgets/sections/onboarding_section.dart

@@ -56,6 +56,11 @@ class OnboardingSection extends StatelessWidget {
                   label: i18n.menu_items.attire,
                   onTap: () => Modular.to.toAttire(),
                 ),
+                ProfileMenuItem(
+                  icon: UiIcons.file,
+                  label: i18n.menu_items.documents,
+                  onTap: () => Modular.to.toDocuments(),
+                ),
               ],
             ),
           ],

apps/mobile/packages/features/staff/profile_sections/compliance/documents/lib/src/presentation/pages/documents_page.dart

@@ -1,10 +1,10 @@
+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 'package:krow_domain/krow_domain.dart';
-// ignore: depend_on_referenced_packages
-import 'package:core_localization/core_localization.dart';
 
 import '../blocs/documents/documents_cubit.dart';
 import '../blocs/documents/documents_state.dart';
@@ -14,35 +14,18 @@ import '../widgets/documents_progress_card.dart';
 class DocumentsPage extends StatelessWidget {
   const DocumentsPage({super.key});
 
-
   @override
   Widget build(BuildContext context) {
-    final DocumentsCubit cubit = Modular.get<DocumentsCubit>();
-
-    if (cubit.state.status == DocumentsStatus.initial) {
-      cubit.loadDocuments();
-    }
-
     return Scaffold(
-      appBar: AppBar(
+      appBar: UiAppBar(
-        elevation: 0,
+        title: t.staff_documents.title,
-        leading: IconButton(
+        showBackButton: true,
-          icon: const Icon(UiIcons.arrowLeft, color: UiColors.iconSecondary),
+        onLeadingPressed: () => Modular.to.toProfile(),
-          onPressed: () => Modular.to.pop(),
       ),
-        title: Text(
+      body: BlocProvider<DocumentsCubit>(
-          t.staff_documents.title,
+        create: (BuildContext context) =>
-          style: UiTypography.headline3m.copyWith(
+            Modular.get<DocumentsCubit>()..loadDocuments(),
-            color: UiColors.textPrimary,
+        child: BlocBuilder<DocumentsCubit, DocumentsState>(
-          ),
-        ),
-        bottom: PreferredSize(
-          preferredSize: const Size.fromHeight(1.0),
-          child: Container(color: UiColors.border, height: 1.0),
-        ),
-      ),
-      body: BlocBuilder<DocumentsCubit, DocumentsState>(
-        bloc: cubit,
           builder: (BuildContext context, DocumentsState state) {
             if (state.status == DocumentsStatus.loading) {
               return const Center(
@@ -59,10 +42,14 @@ class DocumentsPage extends StatelessWidget {
                     state.errorMessage != null
                         ? (state.errorMessage!.contains('errors.')
                               ? translateErrorKey(state.errorMessage!)
-                          : t.staff_documents.list.error(message: state.errorMessage!))
+                              : t.staff_documents.list.error(
+                                  message: state.errorMessage!,
+                                ))
                         : t.staff_documents.list.error(message: 'Unknown'),
                     textAlign: TextAlign.center,
-                  style: UiTypography.body1m.copyWith(color: UiColors.textSecondary),
+                    style: UiTypography.body1m.copyWith(
+                      color: UiColors.textSecondary,
+                    ),
                   ),
                 ),
               );
@@ -71,7 +58,9 @@ class DocumentsPage extends StatelessWidget {
               return Center(
                 child: Text(
                   t.staff_documents.list.empty,
-                style: UiTypography.body1m.copyWith(color: UiColors.textSecondary),
+                  style: UiTypography.body1m.copyWith(
+                    color: UiColors.textSecondary,
+                  ),
                 ),
               );
             }
@@ -91,13 +80,15 @@ class DocumentsPage extends StatelessWidget {
                 ...state.documents.map(
                   (StaffDocument doc) => DocumentCard(
                     document: doc,
-                  onTap: () => Modular.to.pushNamed('./details', arguments: doc.id),
+                    onTap: () =>
+                        Modular.to.pushNamed('./details', arguments: doc.id),
                   ),
                 ),
               ],
             );
           },
         ),
+      ),
     );
   }
 }