feat: enhance UI, branding assets, onboarding flow, and screen layouts

lib/core/router.dart

@@ -10,6 +10,7 @@ import '../screens/onboarding_screens.dart';
 import '../screens/pay_screens.dart';
 import '../screens/profile_detail_screens.dart';
 import '../screens/profile_screen.dart';
+import '../screens/requirements_screen.dart';
 import '../screens/settings_screens.dart';
 import '../screens/shift_detail_screen.dart';
 import '../screens/shifts_screen.dart';
@@ -60,27 +61,30 @@ final router = GoRouter(
     _detailRoute('/phone', (_) => const PhoneScreen()),
     _detailRoute('/otp', (_) => const OtpScreen()),
 
+    // Branch order is the tab order, and it matches the prototype: Today sits
+    // in the middle, with the two browsing tabs to its left and the two
+    // personal ones to its right. KrowNavBar's items must stay in step.
     StatefulShellRoute.indexedStack(
       builder: (_, _, shell) => HomeShell(navigationShell: shell),
       branches: [
+        StatefulShellBranch(
+          routes: [
+            GoRoute(path: '/shifts', builder: (_, _) => const ShiftsScreen()),
+          ],
+        ),
+        StatefulShellBranch(
+          routes: [GoRoute(path: '/pay', builder: (_, _) => const PayScreen())],
+        ),
         StatefulShellBranch(
           routes: [
             GoRoute(path: '/today', builder: (_, _) => const TodayScreen()),
           ],
         ),
-        StatefulShellBranch(
-          routes: [
-            GoRoute(path: '/shifts', builder: (_, _) => const ShiftsScreen()),
-          ],
-        ),
         StatefulShellBranch(
           routes: [
             GoRoute(path: '/clock', builder: (_, _) => const ClockScreen()),
           ],
         ),
-        StatefulShellBranch(
-          routes: [GoRoute(path: '/pay', builder: (_, _) => const PayScreen())],
-        ),
         StatefulShellBranch(
           routes: [
             GoRoute(path: '/profile', builder: (_, _) => const ProfileScreen()),
@@ -92,6 +96,12 @@ final router = GoRouter(
     _detailRoute(
       '/shift/:id',
       (state) => ShiftDetailScreen(shiftId: state.pathParameters['id']!),
+      routes: [
+        _detailRoute(
+          'requirements',
+          (state) => RequirementsScreen(shiftId: state.pathParameters['id']!),
+        ),
+      ],
     ),
     _detailRoute('/availability', (_) => const AvailabilityScreen()),
     _detailRoute('/timecards', (_) => const TimecardsScreen()),