# Dashboard Mobile Fixes - Empty State Resolved

## Issues Addressed
The user reported "YA RIEN SUR LA PAGE TOUT EST VIDE !" (The page is completely empty).

## Root Cause Analysis
1.  **Empty Metrics**: The `DashboardCard` component was being used with props (`value`, `trend`) that it does not accept. It expects content to be passed via the default slot. Since the slot was empty, the cards rendered as empty boxes.
2.  **Invalid Map Prop**: The `DashboardTripMap` was receiving an invalid `:stages` prop, which might have caused rendering issues or warnings.

## Changes Implemented

### 1. Fixed Metrics Rendering
- Updated `DashboardCard` usage in the Explorer tab to pass the metric value inside the default slot:
  ```vue
  <DashboardCard ...>
    <div class="metric-value">{{ metric.value }}</div>
  </DashboardCard>
  ```
- Added CSS for `.metric-value` to ensure it's visible and styled correctly.

### 2. Fixed Map Component Usage
- Removed the invalid `:stages` prop from `DashboardTripMap`. It now correctly receives only `:plan` and `:selected-stage-id`.

## Verification
- **Explorer Tab**: Should now show the map and the 4 metric cards with visible values (Distance, Duration, Stages, Days).
- **Planner Tab**: Should show the timeline correctly (was already working but verified).
- **Copilot Tab**: Should show the collaboration and glance cards correctly.

The page should no longer be empty.
