Implement premium UI/UX refinements for Apple-like polish

Add three major UI components with animations and dark mode support:

- PremiumRouteCard: Enhanced route cards with left accent bar, delivery count badge, animated hover effects (1.02x scale), and dynamic shadow elevation
- DarkModeMapComponent: Google Maps integration with dark theme styling, custom info panels, navigation buttons, and delivery status indicators
- DeliveryListItem: Animated list items with staggered entrance animations, status badges with icons, contact indicators, and hover states

Updates:
- RoutesPage: Now uses PremiumRouteCard with improved visual hierarchy
- DeliveriesPage: Integrated DarkModeMapComponent and DeliveryListItem with proper theme awareness
- Animation system: Leverages existing AppAnimations constants for 200ms fast interactions and easeOut curves

Design philosophy:
- Element separation through left accent bars (status-coded)
- Elevation and shadow for depth (0.1-0.3 opacity)
- Staggered animations for list items (50ms delays)
- Dark mode optimized for evening use (reduced brightness)
- Responsive hover states with tactile feedback

Co-Authored-By: Claude <noreply@anthropic.com>

lib/pages/deliveries_page.dart

@@ -9,7 +9,8 @@ import '../models/delivery_commands.dart';
 import '../utils/breakpoints.dart';
 import '../utils/responsive.dart';
 import '../components/map_sidebar_layout.dart';
-import '../components/delivery_map.dart';
+import '../components/dark_mode_map.dart';
+import '../components/delivery_list_item.dart';
 
 class DeliveriesPage extends ConsumerStatefulWidget {
   final int routeFragmentId;
@@ -62,7 +63,7 @@ class _DeliveriesPageState extends ConsumerState<DeliveriesPage> {
               .toList();
 
           return MapSidebarLayout(
-            mapWidget: DeliveryMap(
+            mapWidget: DarkModeMapComponent(
               deliveries: deliveries,
               selectedDelivery: _selectedDelivery,
               onDeliverySelected: (delivery) {
@@ -260,14 +261,16 @@ class DeliveryListView extends StatelessWidget {
         // Trigger refresh via provider
       },
       child: ListView.builder(
+        padding: const EdgeInsets.symmetric(vertical: 8),
         itemCount: deliveries.length,
         itemBuilder: (context, index) {
           final delivery = deliveries[index];
-          return DeliveryCard(
+          return DeliveryListItem(
             delivery: delivery,
             isSelected: selectedDelivery?.id == delivery.id,
             onTap: () => onDeliverySelected(delivery),
-            onAction: onAction,
+            onCall: () => onAction(delivery, 'call'),
+            animationIndex: index,
           );
         },
       ),

lib/pages/routes_page.dart

@@ -4,6 +4,7 @@ import '../models/delivery_route.dart';
 import '../providers/providers.dart';
 import '../utils/breakpoints.dart';
 import '../utils/responsive.dart';
+import '../components/premium_route_card.dart';
 import 'deliveries_page.dart';
 import 'settings_page.dart';
 
@@ -137,47 +138,18 @@ class RoutesPage extends ConsumerWidget {
   }
 
   Widget _buildRouteCard(BuildContext context, DeliveryRoute route) {
-    return Card(
-      child: InkWell(
-        onTap: () {
-          Navigator.of(context).push(
-            MaterialPageRoute(
-              builder: (context) => DeliveriesPage(
-                routeFragmentId: route.id,
-                routeName: route.name,
-              ),
+    return PremiumRouteCard(
+      route: route,
+      onTap: () {
+        Navigator.of(context).push(
+          MaterialPageRoute(
+            builder: (context) => DeliveriesPage(
+              routeFragmentId: route.id,
+              routeName: route.name,
             ),
-          );
-        },
-        child: Padding(
-          padding: EdgeInsets.all(ResponsiveSpacing.md(context)),
-          child: Column(
-            crossAxisAlignment: CrossAxisAlignment.start,
-            mainAxisAlignment: MainAxisAlignment.spaceBetween,
-            children: [
-              Text(
-                route.name,
-                style: Theme.of(context).textTheme.titleLarge,
-                maxLines: 2,
-                overflow: TextOverflow.ellipsis,
-              ),
-              SizedBox(height: ResponsiveSpacing.sm(context)),
-              Text(
-                '${route.deliveredCount}/${route.deliveriesCount} completed',
-                style: Theme.of(context).textTheme.bodySmall,
-              ),
-              SizedBox(height: ResponsiveSpacing.md(context)),
-              ClipRRect(
-                borderRadius: BorderRadius.circular(4),
-                child: LinearProgressIndicator(
-                  value: route.progress,
-                  minHeight: 8,
-                ),
-              ),
-            ],
           ),
-        ),
-      ),
+        );
+      },
     );
   }
 }