feat: enhance weekdays management with tabbed interface and improved layout

- Refactored `DetailWeekdays` and `FormWeekdays` components to utilize a tabbed interface for better organization of weekday-related information.
- Introduced `FieldValue` components for displaying start and end branches, and customer details within each tab.
- Added a new CSS file for managing z-index stacking context to ensure Leaflet maps render correctly beneath modals.
- Updated `LocationMap` and `RouteMap` components to include the new CSS for proper layering.
- Enhanced unit tests for `LocationMap` to verify the correct stacking context.

These changes improve the user experience by providing a more structured and visually appealing way to manage weekdays and their associated data.

packages/ui/src/components/map/location-map.tsx

@@ -10,6 +10,7 @@ import {
   toLocationLatLng,
 } from './location-point';
 import 'leaflet/dist/leaflet.css';
+import './leaflet-stacking.css';
 
 export interface LocationMapProps {
   latitude?: unknown;
@@ -119,7 +120,8 @@ export function LocationMap({
         h={height}
         bdrs="md"
         bd="1px solid var(--mantine-color-default-border)"
-        style={{ overflow: 'hidden', cursor: interactive ? 'crosshair' : undefined }}
+        className="tg-map-viewport"
+        style={{ cursor: interactive ? 'crosshair' : undefined }}
       >
         <MapContainer center={center} zoom={zoom} style={{ height: '100%', width: '100%' }} scrollWheelZoom={interactive}>
           <TileLayer attribution={attribution} url={tileUrl} />