focus: recentrer l'app sur l'archipel guadeloupéen uniquement

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

frontend/src/components/Map/SargassesMap.jsx

@@ -4,7 +4,10 @@ import 'maplibre-gl/dist/maplibre-gl.css';
 import { api } from '../../api/client';
 import './SargassesMap.css';
 
-const INITIAL_VIEW = { longitude: -61.55, latitude: 16.25, zoom: 9 };
+// Vue initiale : archipel guadeloupéen (Les Saintes → La Désirade → Basse-Terre)
+const INITIAL_VIEW = { longitude: -61.35, latitude: 16.2, zoom: 9 };
+// Limites souples : ~350 km à l'est pour voir les trajectoires approchantes
+const MAX_BOUNDS = [[-63.5, 13.0], [-57.5, 18.5]];
 const FALLBACK_STYLE = 'https://basemaps.cartocdn.com/gl/positron-gl-style/style.json';
 
 // ── Cartoon style transformer ──────────────────────────────────────────────
@@ -267,6 +270,7 @@ export default function SargassesMap({ onSpotSelect, selectedSpotId, activeStep,
       onMove={e => setViewState(e.viewState)}
       onClick={() => onSpotSelect(null)}
       mapStyle={mapStyle}
+      maxBounds={MAX_BOUNDS}
       style={{ width: '100%', height: '100vh' }}
     >
       <NavigationControl position="bottom-right" />