refactor: Polyline-Sichtbarkeit auf Redux umgestellt (ersetzt Recoil)

- Sichtbarkeitsstatus für Kabelstrecken/Polylines wird jetzt zentral im Redux-Store verwaltet.
- Initialer Zustand wird aus localStorage gelesen und direkt in Redux gesetzt.
- DataSheet-Checkbox steuert Redux-Status und synchronisiert mit localStorage.
- MapComponent.js verwendet Redux-State direkt zur Steuerung von setupPolylines.
- setupPolylines.js ist jetzt komplett "dumm" und bekommt den Sichtbarkeitsstatus nur noch als Parameter.
- Konsistente Lösung für Initial-Laden, Checkbox-Wechsel und Map-Neuladen umgesetzt.

components/MapComponent.js

@@ -67,12 +67,14 @@ import { fetchGisStationsStatusDistrict } from "../services/api/fetchGisStations
 
 import { fetchGisStationsMeasurements } from "../services/api/fetchGisStationsMeasurements.js";
 import { fetchGisSystemStatic } from "../services/api/fetchGisSystemStatic.js";
+import { usePolylineTooltipLayer } from "../hooks/usePolylineTooltipLayer";
+import { selectPolylineVisible, setPolylineVisible } from "../redux/slices/polylineLayerVisibleSlice";
 
 const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
   const dispatch = useDispatch();
   const currentPoi = useSelector(selectCurrentPoi);
   //const setCurrentPoi = useSetRecoilState(currentPoiState);
-  const polylineVisible = useRecoilValue(polylineLayerVisibleState);
+  const polylineVisible = useSelector(selectPolylineVisible);
   const [editMode, setEditMode] = useState(false); // editMode Zustand
   const { deviceName, setDeviceName } = useMapComponentState();
   const { poiTypData, isPoiTypLoaded } = usePoiTypData("/api/talas_v5_DB/poiTyp/readPoiTyp");
@@ -558,7 +560,17 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
     polylines.forEach((polyline) => polyline.remove());
 
     // Setze neue Marker und Polylinien mit den aktuellen Daten
-    const { markers: newMarkers, polylines: newPolylines } = setupPolylines(map, linePositions, lineColors, tooltipContents, setNewCoords, tempMarker, polylineVisible);
+    const { markers: newMarkers, polylines: newPolylines } = setupPolylines(
+      map,
+      linePositions,
+      lineColors,
+      tooltipContents,
+      setNewCoords,
+      tempMarker,
+      currentZoom,
+      currentCenter,
+      polylineVisible // kommt aus Redux
+    );
 
     newPolylines.forEach((polyline, index) => {
       console.log("polyline: ", polyline);
@@ -992,6 +1004,11 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
     }
   }, [map, menuItemAdded]);
   //--------------------------------------------
+  //  Beim ersten Client-Render den Wert aus localStorage laden
+  useEffect(() => {
+    const storedPolylineVisible = localStorage.getItem("polylineVisible") === "true";
+    dispatch(setPolylineVisible(storedPolylineVisible));
+  }, [dispatch]);
 
   //----------------------------------------------