feat(shift-details): Enhance ShiftDetailsHeader with client name and location address display

apps/mobile/packages/features/staff/shifts/lib/src/presentation/widgets/shift_details/shift_details_header.dart

@@ -17,19 +17,19 @@ class ShiftDetailsHeader extends StatelessWidget {
   Widget build(BuildContext context) {
     return Padding(
       padding: const EdgeInsets.all(UiConstants.space5),
+      child: IntrinsicHeight(
         child: Row(
-        crossAxisAlignment: CrossAxisAlignment.start,
+          crossAxisAlignment: CrossAxisAlignment.stretch,
           spacing: UiConstants.space4,
           children: [
             Container(
-            width: 48,
+              width: 114,
-            height: 48,
               decoration: BoxDecoration(
-              color: UiColors.background,
+                color: UiColors.primary.withAlpha(20),
                 borderRadius: BorderRadius.circular(
                   UiConstants.radiusBase,
                 ),
-              border: Border.all(color: UiColors.border),
+                border: Border.all(color: UiColors.primary),
               ),
               child: const Center(
                 child: Icon(
@@ -42,24 +42,60 @@ class ShiftDetailsHeader extends StatelessWidget {
             Expanded(
               child: Column(
                 crossAxisAlignment: CrossAxisAlignment.start,
+                mainAxisAlignment: MainAxisAlignment.center,
+                spacing: UiConstants.space3,
                 children: [
                   Text(
                     shift.title,
                     style: UiTypography.headline1b.textPrimary,
                   ),
-                Text(
+                  Column(
+                    spacing: UiConstants.space1,
+                    children: [
+                      // Client name
+                      Row(
+                        spacing: UiConstants.space1,
+                        children: [
+                          const Icon(
+                            UiIcons.building,
+                            size: 16,
+                            color: UiColors.textSecondary,
+                          ),
+                          Expanded(
+                            child: Text(
                               shift.clientName,
                               style: UiTypography.body1m.textSecondary,
                             ),
-                Text(
+                          ),
+                        ],
+                      ),
+                      
+                      // Location address (if available)
+                      Row(
+                        spacing: UiConstants.space1,
+                        children: [
+                          const Icon(
+                            UiIcons.mapPin,
+                            size: 16,
+                            color: UiColors.textSecondary,
+                          ),
+                          Expanded(
+                            child: Text(
                               shift.locationAddress,
                               style: UiTypography.body2r.textSecondary,
                             ),
+                          ),
+                        ],
+                      ),
+                    ],
+                  ),
+                
                 ],
               ),
             ),
           ],
         ),
+      ),
     );
   }
 }