feat: add shimmer skeletons for various sections in the staff profile and onboarding features

- Implemented ProfilePageSkeleton for loading state in staff profile.
- Added ReliabilityScoreSkeleton and ReliabilityStatsSkeleton for reliability metrics.
- Created CertificatesSkeleton and related components for loading certificates.
- Developed DocumentsSkeleton and associated document card skeletons.
- Introduced TaxFormsSkeleton for loading tax forms.
- Added BankAccountSkeleton and its components for bank account loading state.
- Created TimeCardSkeleton for displaying time card loading state.
- Implemented AttireSkeleton for loading attire items.
- Added PersonalInfoSkeleton for loading personal information.
- Developed FaqsSkeleton for loading FAQ sections.
- Created PrivacySecuritySkeleton for loading privacy settings.

apps/mobile/packages/features/staff/home/lib/src/presentation/pages/worker_home_page.dart

@@ -8,6 +8,7 @@ import 'package:staff_home/src/presentation/blocs/home/home_cubit.dart';
 import 'package:staff_home/src/presentation/widgets/home_page/benefits_section.dart';
 import 'package:staff_home/src/presentation/widgets/home_page/full_width_divider.dart';
 import 'package:staff_home/src/presentation/widgets/home_page/home_header.dart';
+import 'package:staff_home/src/presentation/widgets/home_page/staff_home_header_skeleton.dart';
 import 'package:staff_home/src/presentation/widgets/home_page/placeholder_banner.dart';
 import 'package:staff_home/src/presentation/widgets/home_page/home_page_skeleton.dart';
 import 'package:staff_home/src/presentation/widgets/home_page/quick_actions_section.dart';
@@ -48,8 +49,13 @@ class WorkerHomePage extends StatelessWidget {
               children: [
                 BlocBuilder<HomeCubit, HomeState>(
                   buildWhen: (previous, current) =>
-                      previous.staffName != current.staffName,
+                      previous.staffName != current.staffName ||
+                      previous.status != current.status,
                   builder: (context, state) {
+                    if (state.status == HomeStatus.initial ||
+                        state.status == HomeStatus.loading) {
+                      return const StaffHomeHeaderSkeleton();
+                    }
                     return HomeHeader(userName: state.staffName);
                   },
                 ),

apps/mobile/packages/features/staff/home/lib/src/presentation/widgets/home_page/staff_home_header_skeleton.dart

@@ -0,0 +1,38 @@
+import 'package:design_system/design_system.dart';
+import 'package:flutter/material.dart';
+
+/// Shimmer placeholder for the staff home header during loading.
+///
+/// Mimics the avatar circle, welcome text, and user name layout.
+class StaffHomeHeaderSkeleton extends StatelessWidget {
+  /// Creates a [StaffHomeHeaderSkeleton].
+  const StaffHomeHeaderSkeleton({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return UiShimmer(
+      child: Padding(
+        padding: const EdgeInsets.fromLTRB(
+          UiConstants.space4,
+          UiConstants.space4,
+          UiConstants.space4,
+          UiConstants.space3,
+        ),
+        child: Row(
+          spacing: UiConstants.space3,
+          children: const <Widget>[
+            UiShimmerCircle(size: UiConstants.space12),
+            Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: <Widget>[
+                UiShimmerLine(width: 80, height: 12),
+                SizedBox(height: UiConstants.space1),
+                UiShimmerLine(width: 120, height: 16),
+              ],
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}