feat: Bereichsmarker dynamisch an Editiermodus gekoppelt

Bereichsmarker werden jetzt nur angezeigt, wenn der editMode aktiviert ist.
Marker werden bei deaktiviertem editMode aus der Karte entfernt.
Dynamische Überwachung von Änderungen im editMode über localStorage und Event Listener implementiert.
Dragging für Marker im editMode aktiviert und Z-Index angepasst.

components/MapComponent.js

@@ -822,16 +822,25 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
   useEffect(() => {
     const editMode = localStorage.getItem("editMode") === "true";
 
-    bereicheMarkers.forEach((marker) => {
-      if (editMode) {
+    // Prüfe, ob der editMode deaktiviert ist
+    if (!editMode) {
+      // Entferne alle Marker aus der Karte
+      bereicheMarkers.forEach((marker) => {
+        if (map.hasLayer(marker)) {
+          map.removeLayer(marker);
+        }
+      });
+    } else {
+      // Wenn editMode aktiviert ist, füge die Marker hinzu und aktiviere Dragging
+      bereicheMarkers.forEach((marker) => {
+        if (!map.hasLayer(marker)) {
+          marker.addTo(map); // Layer hinzufügen
+        }
         marker.dragging.enable();
         marker.setZIndexOffset(1000); // Marker nach oben setzen
-      } else {
-        marker.dragging.disable();
-        marker.setZIndexOffset(0); // Standard-Z-Index
-      }
-    });
-  }, [bereicheMarkers]);
+      });
+    }
+  }, [bereicheMarkers, map]);
 
   //----------------------------------
   useEffect(() => {