feat: WebSocket-Integration mit automatischer UI-Aktualisierung für alle Geräte-Daten

- WebSocket sendet aktualisierte Webservice-Daten (GisLinesStatus, GisStationsStaticDistrict, GisStationsMeasurements)
- Redux-Thunk wird durch WebSocket ausgelöst → Redux Store aktualisiert
- `useDynamicDeviceLayers` & `createAndSetDevices` reagieren auf neue Redux-Daten
- UI wird nun zuverlässig neu gerendert, wenn sich Marker-Daten ändern
- Verbesserte Stabilität und Konsistenz zwischen Datenquelle, Redux und UI

config/appVersion.js

@@ -1,2 +1,2 @@
 // /config/appVersion
-export const APP_VERSION = "1.1.248";
+export const APP_VERSION = "1.1.249";

hooks/useDynamicDeviceLayers.js

@@ -6,6 +6,7 @@ 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";
+import { selectGisStationsMeasurements } from "@/redux/slices/webservice/gisStationsMeasurementsSlice.js";
 
 /**
  * Dynamisch GIS-System-Marker erstellen & Sichtbarkeit steuern.
@@ -16,6 +17,7 @@ import { selectGisStationsStaticDistrict } from "@/redux/slices/webservice/gisSt
  * @returns {{ markerStates, layerRefs }} Alle Marker und Referenzen
  */
 const useDynamicDeviceLayers = (map, GisSystemStatic, mapLayersVisibility, priorityConfig, oms) => {
+  const measurements = useSelector(selectGisStationsMeasurements);
   const staticDistrictData = useSelector(selectGisStationsStaticDistrict);
   const [markerStates, setMarkerStates] = useState({});
   const layerRefs = useRef({});
@@ -57,7 +59,7 @@ const useDynamicDeviceLayers = (map, GisSystemStatic, mapLayersVisibility, prior
         oms
       );
     });
-  }, [map, GisSystemStatic, priorityConfig, staticDistrictData]);
+  }, [map, GisSystemStatic, priorityConfig, staticDistrictData, measurements]);
 
   // Sichtbarkeit nach Redux-Status steuern
   useEffect(() => {

utils/devices/createAndSetDevices.js

@@ -32,7 +32,7 @@ export const createAndSetDevices = async (
     const state = store.getState();
     const staticDistrictData = selectGisStationsStaticDistrict(state);
     const statusDistrictData = selectGisStationsStatusDistrict(state);
-    const measurementData = measurements ?? selectGisStationsMeasurements(state);
+    const measurementData = selectGisStationsMeasurements(state);
 
     if (!staticDistrictData?.Points?.length || !statusDistrictData?.length) return;
 

websocketDump/GisStationsMeasurements.json

@@ -4,7 +4,7 @@
     "IdL": 24101,
     "IdDP": 3,
     "Na": "FBT",
-    "Val": "7",
+    "Val": "13",
     "Unit": "°C",
     "Gr": "GMA",
     "Area_Name": "Rastede"