add mapbox gl option, gps location, journey reorder + polish

- Mapbox GL provider alongside Leaflet for trip and journey maps (opt-in in
  settings with token, style presets incl. 3D on satellite, quality mode,
  experimental badge).
- GPS "blue dot" with heading cone on mobile; three-state FAB (off / show /
  follow), geodesic accuracy circle, desktop-hidden since browser IP geo is
  too coarse for navigation.
- Marker drift fix: outer wrap no longer carries inline position/transform,
  so mapbox's translate keeps the pin pinned at every zoom and pitch.
- Journey map popup (mapbox-gl): Apple-Maps-style tooltip on marker
  highlight/click showing entry title + location / date subline.
- Journey feed reorder: up/down controls to the left of each entry reorder
  sort_order within a day. Server endpoint, optimistic store update, rollback
  on failure.
- Journey entry editor: desktop modal now centers over the feed column only,
  backdrop still blurs the whole page (map included).
- Scroll-sync guard on journey: marker click locks the sync so smooth-scroll
  can't steer the highlight to a neighbouring entry mid-animation.
- Misc: map top-padding aligned with hero, live/synced badges replaced by a
  compact back-button in the hero, skeleton entries no longer pollute the
  journey map, journey detail no longer shows map on mobile path when
  combined view is active.

client/src/pages/TripPlannerPage.tsx

@@ -4,7 +4,7 @@ import { useParams, useNavigate } from 'react-router-dom'
 import { useTripStore } from '../store/tripStore'
 import { useCanDo } from '../store/permissionsStore'
 import { useSettingsStore } from '../store/settingsStore'
-import { MapView } from '../components/Map/MapView'
+import { MapViewAuto as MapView } from '../components/Map/MapViewAuto'
 import { getCached, fetchPhoto } from '../services/photoService'
 import DayPlanSidebar from '../components/Planner/DayPlanSidebar'
 import PlacesSidebar from '../components/Planner/PlacesSidebar'
@@ -413,10 +413,39 @@ export default function TripPlannerPage(): React.ReactElement | null {
   }, [selectAssignment, setSelectedPlaceId])
 
   const handleMarkerClick = useCallback((placeId) => {
-    const opening = placeId !== undefined
-    setSelectedPlaceId(prev => prev === placeId ? null : placeId)
-    if (opening) { setLeftCollapsed(false); setRightCollapsed(false) }
-  }, [])
+    if (placeId === undefined) {
+      setSelectedPlaceId(null)
+      return
+    }
+    // Find every assignment for this place (same place can sit on several
+    // days / be planned twice in one day). Cycle through them on repeated
+    // marker clicks so the sidebar highlight jumps to the next occurrence
+    // instead of leaving the user confused.
+    const allAssignments = Object.values(useTripStore.getState().assignments || {}).flat()
+    const matching = allAssignments.filter(a => a?.place?.id === placeId)
+
+    if (matching.length === 0) {
+      setSelectedPlaceId(prev => prev === placeId ? null : placeId)
+    } else if (matching.length === 1) {
+      const only = matching[0]
+      if (selectedAssignmentId === only.id) {
+        setSelectedPlaceId(null)
+      } else {
+        selectAssignment(only.id, placeId)
+      }
+    } else {
+      const currentIdx = matching.findIndex(a => a.id === selectedAssignmentId)
+      const nextIdx = currentIdx === -1 ? 0 : currentIdx + 1
+      if (nextIdx >= matching.length) {
+        // cycled past the last occurrence — clear selection so the next
+        // click starts fresh at occurrence 0.
+        setSelectedPlaceId(null)
+      } else {
+        selectAssignment(matching[nextIdx].id, placeId)
+      }
+    }
+    setLeftCollapsed(false); setRightCollapsed(false)
+  }, [selectAssignment, selectedAssignmentId, setSelectedPlaceId])
 
   const handleMapClick = useCallback(() => {
     setSelectedPlaceId(null)