feat: Update shift card styles and remove cancellation reason display

apps/mobile/packages/features/staff/shifts/lib/src/presentation/widgets/shift_card/shift_card_body.dart

@@ -26,16 +26,6 @@ class ShiftCardBody extends StatelessWidget {
               ShiftCardTitleRow(data: data),
               const SizedBox(height: UiConstants.space2),
               ShiftCardMetadataRows(data: data),
-              if (data.cancellationReason != null &&
-                  data.cancellationReason!.isNotEmpty) ...<Widget>[
-                const SizedBox(height: UiConstants.space1),
-                Text(
-                  data.cancellationReason!,
-                  style: UiTypography.footnote2r.textSecondary,
-                  maxLines: 2,
-                  overflow: TextOverflow.ellipsis,
-                ),
-              ],
             ],
           ),
         ),

apps/mobile/packages/features/staff/shifts/lib/src/presentation/widgets/shift_card/shift_card_status_badge.dart

@@ -70,8 +70,8 @@ class ShiftCardStatusBadge extends StatelessWidget {
       case ShiftCardVariant.cancelled:
         return ShiftCardStatusStyle(
           label: context.t.staff_shifts.my_shifts_tab.card.cancelled,
-          foreground: UiColors.destructive,
+          foreground: UiColors.mutedForeground,
-          dot: UiColors.destructive,
+          dot: UiColors.mutedForeground,
         );
       case ShiftCardVariant.completed:
         return ShiftCardStatusStyle(

apps/mobile/packages/features/staff/shifts/lib/src/presentation/widgets/tabs/my_shifts/shift_section_list.dart

@@ -101,7 +101,7 @@ class ShiftSectionList extends StatelessWidget {
               SectionHeader(
                 title:
                     context.t.staff_shifts.my_shifts_tab.sections.confirmed,
-                dotColor: UiColors.textSecondary,
+                dotColor: UiColors.textSuccess,
               ),
               ...assignedShifts.map(
                 (AssignedShift shift) {