fixed designs and flow

lib/screens/pay_screens.dart

@@ -11,6 +11,7 @@ import '../state/profile_controller.dart';
 import '../state/shifts_controller.dart';
 import '../widgets/collapsing_header.dart';
 import '../widgets/common.dart';
+import '../widgets/motion.dart';
 import '../widgets/glass_segments.dart';
 import '../widgets/krow_wordmark.dart';
 
@@ -127,7 +128,7 @@ class _PayScreenState extends ConsumerState<PayScreen> {
           SliverPadding(
             padding: const EdgeInsets.fromLTRB(20, 16, 20, 28),
             sliver: SliverList.list(
-              children: [
+              children: Entrance.stagger([
                 KrowCard(
                   padding: const EdgeInsets.fromLTRB(16, 16, 16, 14),
                   child: Column(
@@ -260,7 +261,7 @@ class _PayScreenState extends ConsumerState<PayScreen> {
                   'Amounts are pre-tax. Your take-home differs after tax, '
                   'deductions and withholding from your payroll provider.',
                 ),
-              ],
+              ]),
             ),
           ),
         ],
@@ -516,7 +517,7 @@ class PaymentDetailScreen extends ConsumerWidget {
                   mainAxisAlignment: MainAxisAlignment.spaceBetween,
                   children: [
                     HeaderIconButton(
-                      icon: LucideIcons.arrowLeft,
+                      icon: LucideIcons.chevronLeft,
                       onPressed: () => context.pop(),
                     ),
                     const StatusChip('Pending', tone: ChipTone.yellow),