feat(mobile): add BottomBar navigation and CheminLibre drawer (Story 3.7)

- Add ZoneCard component for zone display with status indicators
- Add CheminLibre drawer with vertical zone cards and path decoration
- Add BottomBar with Map, Progress, and Settings buttons
- Add ProgressDetail modal showing visited sections
- Add SettingsDrawer with language, consent, and reset options
- Add i18n translations for zone, cheminLibre, bottomBar, settings
- Add --bottom-bar-height CSS variable for spacing
- Modify layouts to include BottomBar on mobile (< 768px)
- Support safe-area-inset for iOS devices
- Touch targets minimum 48x48px for WCAG compliance

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-02-07 04:29:55 +01:00
parent 4a7fba5999
commit 64b1a33d10
12 changed files with 756 additions and 53 deletions

View File

@@ -202,6 +202,31 @@
},
"summary": "{visited} visited, {remaining} to discover"
},
"zone": {
"locked": "Locked",
"visited": "Visited",
"new": "To discover",
"newBadge": "New"
},
"cheminLibre": {
"title": "Free Path"
},
"bottomBar": {
"map": "Map",
"progress": "Progress",
"settings": "Settings"
},
"settings": {
"title": "Settings",
"language": "Language",
"expressMode": "Express Mode",
"expressModeDesc": "Quick navigation without adventure",
"goToResume": "View Resume",
"saveProgress": "Save my progress",
"saveProgressDesc": "Allows you to resume where you left off",
"reset": "Reset my progress",
"confirmReset": "Are you sure you want to reset your progress?"
},
"pages": {
"projects": {
"title": "Projects",