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/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,
-                ),
-              ),
-            ],
           ),
-        ),
-      ),
+        );
+      },
     );
   }
 }