feat: implement staff availability, clock-in, payments and fix UI navigation

apps/mobile/packages/features/staff/authentication/lib/src/presentation/widgets/get_started_page/get_started_background.dart

@@ -23,7 +23,7 @@ class GetStartedBackground extends StatelessWidget {
                 Container(
                   width: 288,
                   height: 288,
-                  margin: const EdgeInsets.only(bottom: 32),
+                  margin: const EdgeInsets.only(bottom: 24),
                   decoration: BoxDecoration(
                     shape: BoxShape.circle,
                     color: UiColors.secondaryForeground.withAlpha(
@@ -40,7 +40,7 @@ class GetStartedBackground extends StatelessWidget {
                     ),
                   ),
                 ),
-                const SizedBox(height: 32),
+                const SizedBox(height: 16),
               ],
             ),
           ),

apps/mobile/packages/features/staff/authentication/lib/src/presentation/widgets/phone_verification_page/otp_verification/otp_input_field.dart

@@ -74,7 +74,7 @@ class _OtpInputFieldState extends State<OtpInputField> {
           mainAxisAlignment: MainAxisAlignment.spaceBetween,
           children: List.generate(6, (int index) {
             return SizedBox(
-              width: 56,
+              width: 45,
               height: 56,
               child: TextField(
                 controller: _controllers[index],