# Mobile Dashboard Refactor: Unified Scroll View

## Changes Implemented
The user requested a complete refactor to match the Web version's features while using mobile-adapted controllers. The previous "Tabbed" layout was hiding content and causing layout issues.

## New Architecture
**Unified Scroll View**: Instead of hiding content behind tabs, we now present a rich, vertical scrollable dashboard (similar to modern social/travel apps).

### Sections
1.  **Header**: Restored and styled (Title, Status, Actions).
2.  **Map Section**: A prominent 35vh map area at the top (always visible).
3.  **Metrics Grid**: Quick stats (Distance, Duration, Stages) immediately below the map.
4.  **Timeline Section**: "Mon Voyage" list of stages, fully interactive.
5.  **Gamification Section**: "Progression" card showing Level, Points, and Next Badge (ported from Web).
6.  **Quests Section**: "Objectifs du jour" (Daily Quests) if available (ported from Web).
7.  **Collab Section**: Team avatars and invite button.

## Technical Details
*   **Removed**: `mobile-nav-tabs`, `tab-content-container`, `v-if` switching logic.
*   **Added**: `mobile-content-scroll` container with `flex-direction: column`.
*   **Data Parity**: Added `gamification`, `quests`, and `badges` logic from `DashboardPage.web.vue`.
*   **Styling**: Added dedicated CSS for the new sections (`.map-section`, `.quest-item`, etc.).

## User Benefit
*   **"No Content" Fixed**: The user immediately sees Map, Stats, and Timeline without clicking anything.
*   **Feature Parity**: All Web features (Gamification, Quests, Collab) are now present on Mobile.
*   **Mobile Optimized**: Uses `q-pull-to-refresh`, touch-friendly cards, and vertical scrolling.

The mobile page is now a true "Dashboard" and not just a set of empty tabs.
