fix(map): reduce iOS pinch-zoom pressure on Leaflet

- Disable zoom, marker, and fade animations on the map instance.
- Document why preferCanvas stays off (dual-color dashed routes, popups).
- Reposition marker popover on moveend/zoomend instead of every move/zoom frame.

Author: Tuvudel

src/pages/MapPage/MarkerActionPopover.tsx

@@ -58,12 +58,12 @@ const MarkerActionPopover = ({
   useEffect(() => {
     if (!map) return;
     const onMapChange = () => syncPosition();
-    map.on("move", onMapChange);
-    map.on("zoom", onMapChange);
+    map.on("moveend", onMapChange);
+    map.on("zoomend", onMapChange);
     map.on("resize", onMapChange);
     return () => {
-      map.off("move", onMapChange);
-      map.off("zoom", onMapChange);
+      map.off("moveend", onMapChange);
+      map.off("zoomend", onMapChange);
       map.off("resize", onMapChange);
     };
   }, [map, syncPosition]);

src/pages/MapPage/index.tsx

@@ -566,7 +566,14 @@ const MapPage = () => {
     if (mapEl._leaflet_id != null) delete mapEl._leaflet_id;
     mapContainer.innerHTML = "";
 
-    mapRef.current = L.map("map", { zoomControl: false }).setView([31.42, 34.49], 13);
+    mapRef.current = L.map("map", {
+      zoomControl: false,
+      // Do not set preferCanvas: true — it forces route polylines onto Canvas, where
+      // dashOffset / stacked dashed strokes (dual-color proposed segments) render incorrectly.
+      zoomAnimation: false,
+      markerZoomAnimation: false,
+      fadeAnimation: false,
+    }).setView([31.42, 34.49], 13);
     ensurePriorityPinkOverlayPane(mapRef.current);
     const baseTile = createBasemapTileLayer("satellite").addTo(mapRef.current);
     baseMapLayerRef.current = baseTile;