feat: WebSocket-Integration mit UI-Reaktivierung für GisStationsStaticDistrict

- WebSocket-Trigger implementiert, der `fetchGisStationsStaticDistrictThunk` ausführt.
- Trigger-Mechanismus über `useState` (`triggerUpdate`) sorgt für gezielten UI-Re-Render.
- Problem gelöst, dass Redux-Store zwar neue Daten enthielt, aber die UI nicht aktualisiert wurde.
- MapComponent.js und useDynamicDeviceLayers.js entsprechend angepasst.

hooks/useDataUpdater.js

@@ -12,8 +12,9 @@ import { fetchGisSystemStaticThunk } from "../redux/thunks/webservice/fetchGisSy
 
 const REFRESH_INTERVAL = parseInt(process.env.NEXT_PUBLIC_REFRESH_INTERVAL || "10000");
 
-export default function useDataUpdater() {
+export const useDataUpdater = () => {
   const dispatch = useDispatch();
+
   useEffect(() => {
     const updateAll = () => {
       dispatch(fetchGisLinesStatusThunk());
@@ -23,9 +24,17 @@ export default function useDataUpdater() {
       dispatch(fetchGisSystemStaticThunk());
     };
 
-    updateAll(); // direkt initial einmal laden
-    const interval = setInterval(updateAll, REFRESH_INTERVAL);
-
-    return () => clearInterval(interval); // Cleanup
+    updateAll();
+    const interval = setInterval(updateAll, 10000);
+    return () => clearInterval(interval);
   }, [dispatch]);
-}
+};
+
+// Das ist eine normale Funktion
+export const triggerDataUpdate = dispatch => {
+  dispatch(fetchGisLinesStatusThunk());
+  dispatch(fetchGisStationsMeasurementsThunk());
+  dispatch(fetchGisStationsStaticDistrictThunk());
+  dispatch(fetchGisStationsStatusDistrictThunk());
+  dispatch(fetchGisSystemStaticThunk());
+};

hooks/useDynamicDeviceLayers.js

@@ -4,6 +4,8 @@ import L from "leaflet";
 import { createAndSetDevices } from "../utils/devices/createAndSetDevices";
 import { checkOverlappingMarkers } from "../utils/mapUtils";
 import plusRoundIcon from "@/components/icons/devices/overlapping/PlusRoundIcon";
+import { useSelector } from "react-redux";
+import { selectGisStationsStaticDistrict } from "@/redux/slices/webservice/gisStationsStaticDistrictSlice.js";
 
 /**
  * Dynamisch GIS-System-Marker erstellen & Sichtbarkeit steuern.
@@ -14,6 +16,7 @@ import plusRoundIcon from "@/components/icons/devices/overlapping/PlusRoundIcon"
  * @returns {{ markerStates, layerRefs }} Alle Marker und Referenzen
  */
 const useDynamicDeviceLayers = (map, GisSystemStatic, mapLayersVisibility, priorityConfig, oms) => {
+  const staticDistrictData = useSelector(selectGisStationsStaticDistrict);
   const [markerStates, setMarkerStates] = useState({});
   const layerRefs = useRef({});
 
@@ -54,7 +57,7 @@ const useDynamicDeviceLayers = (map, GisSystemStatic, mapLayersVisibility, prior
         oms
       );
     });
-  }, [map, GisSystemStatic, priorityConfig]);
+  }, [map, GisSystemStatic, priorityConfig, staticDistrictData]);
 
   // Sichtbarkeit nach Redux-Status steuern
   useEffect(() => {