# Mobile Dashboard Refactor: Component-Based & Map-Free

## Changes Implemented
The user requested a complete redesign to match the Web version's richness but optimized for mobile, specifically asking to **remove the large map** and **use existing components**.

## New Architecture
**Hero Metrics & Timeline Focus**:
1.  **Hero Metrics**: Replaced the map with a 3-column grid showing **Distance**, **Duration**, and **Progress**. This gives immediate context without taking up half the screen.
2.  **StageCard Integration**: Replaced custom HTML with the robust `StageCard` component. This ensures consistent styling (badges, icons, meta info) across the app.
3.  **Timeline Flow**: The timeline is now the main content, showing stages connected by `RouteSegment` (distance/time between stops).
4.  **Rich Footer**: Gamification, Quests, and Collab sections remain at the bottom for engagement.

## Technical Details
*   **Removed**: `DashboardTripMap` (as requested).
*   **Added**: `StageCard` usage with `getStageBadges` helper.
*   **Styling**: Added `.hero-metrics-grid` and `.hero-metric-card` for the new top section.
*   **Cleanup**: Removed unused map-related CSS.

## User Benefit
*   **"Not Empty"**: The page is now dense with useful information (Stats + Timeline).
*   **"Not Flat"**: The Hero cards and Stage cards add depth and visual hierarchy.
*   **"Mobile Optimized"**: Big touch targets, clear vertical flow, no map fighting for scroll space.
*   **"Component Reuse"**: Uses the standard `StageCard` component, ensuring future updates to stages reflect here automatically.

The mobile page is now a true "Itinerary Dashboard".
