Refine map layout and preserve viewport state

client/src/locales/en/common.json

@@ -18,7 +18,9 @@
       "refresh": "Refresh now",
       "focusHeat": "Focus heatmap",
       "locate": "Locate me",
-      "mySignal": "My last signal"
+      "mySignal": "My last signal",
+      "collapse": "Hide toolbar",
+      "expand": "Show toolbar"
     }
   },
   "overview": {
@@ -59,7 +61,19 @@
   "map": {
     "posting": "Sending your signal…",
     "loading": "Syncing map…",
-    "confirmationHint": "Confirm the new signal in the dialog to send it."
+    "confirmationHint": "Confirm the new signal in the dialog to send it.",
+    "tiles": {
+      "title": "Base map",
+      "subtitle": "Choose the background layer you prefer for navigation.",
+      "openstreetmap": "OpenStreetMap",
+      "mapbox": "Mapbox Navigation"
+    }
+  },
+  "details": {
+    "title": "Live feed details",
+    "description": "View stats, switch tiles and review nearby activity.",
+    "open": "Details",
+    "close": "Close details"
   },
   "dialog": {
     "confirmSignal": {

client/src/locales/fr/common.json

@@ -18,7 +18,9 @@
       "refresh": "Actualiser",
       "focusHeat": "Centrer la chaleur",
       "locate": "Me localiser",
-      "mySignal": "Mon dernier signal"
+      "mySignal": "Mon dernier signal",
+      "collapse": "Masquer la barre",
+      "expand": "Afficher la barre"
     }
   },
   "overview": {
@@ -59,7 +61,19 @@
   "map": {
     "posting": "Envoi de votre signal…",
     "loading": "Synchronisation de la carte…",
-    "confirmationHint": "Confirmez le nouveau signal dans la fenêtre pour l'envoyer."
+    "confirmationHint": "Confirmez le nouveau signal dans la fenêtre pour l'envoyer.",
+    "tiles": {
+      "title": "Fond de carte",
+      "subtitle": "Choisissez la couche de fond adaptée à votre navigation.",
+      "openstreetmap": "OpenStreetMap",
+      "mapbox": "Navigation Mapbox"
+    }
+  },
+  "details": {
+    "title": "Détails du flux en direct",
+    "description": "Consultez les statistiques, changez de fond de carte et suivez l'activité proche.",
+    "open": "Détails",
+    "close": "Fermer les détails"
   },
   "dialog": {
     "confirmSignal": {