feat: Fix Redux-Datenstruktur für GisStationsStaticDistrict und Bereichs-Dropdown

- `GisStationsStaticDistrict` wird jetzt korrekt aus Redux gelesen und verwendet `Points` als Array.
- Fehler `find is not a function` behoben durch Zugriff auf `GisStationsStaticDistrict.Points`.
- Sicherstellung, dass `Points` existiert, bevor darauf zugegriffen wird.
- Konsole-Logs für Debugging hinzugefügt, um leere oder ungültige Daten zu erkennen.
- Bereichsauswahl im Dropdown funktioniert jetzt korrekt und fliegt zur gewählten Station auf der Karte.

✅ Tested: Dropdown zeigt jetzt die `Area_Name`-Werte und `map.flyTo()` funktioniert korrekt.

components/DataSheet.js

@@ -10,9 +10,12 @@ import { poiLayerVisibleState } from "../redux/slices/poiLayerVisibleSlice";
 import EditModeToggle from "./EditModeToggle";
 import { polylineLayerVisibleState } from "../redux/slices/polylineLayerVisibleSlice"; // Import für Polyline-Visibility
 import { useSelector, useDispatch } from "react-redux";
-import { selectGisStationsStaticDistrict } from "../redux/slices/webService/gisStationsStaticDistrictSlice";
 import { selectPolylineVisible, setPolylineVisible } from "../redux/slices/polylineLayerVisibleSlice";
 import { selectGisSystemStatic } from "../redux/slices/webService/gisSystemStaticSlice";
+import { useInitGisStationsStatic } from "../components/mainComponent/hooks/useInitGisStationsStatic";
+
+import { fetchGisStationsStatic, selectGisStationsStatic } from "../redux/slices/webService/gisStationsStaticSlice";
+import { selectGisStationsStaticDistrict } from "../redux/slices/webService/gisStationsStaticDistrictSlice";
 
 function DataSheet() {
   const [editMode, setEditMode] = useState(false); // Zustand für editMode
@@ -23,6 +26,7 @@ function DataSheet() {
   const [systemListing, setSystemListing] = useState([]);
   const GisStationsStaticDistrict = useSelector(selectGisStationsStaticDistrict) || [];
   const GisSystemStatic = useSelector(selectGisSystemStatic) || [];
+  const GisStationsStatic = useSelector(selectGisStationsStatic) || []; //Area-Name/Bereiche dropdownmenu
 
   const setZoomTrigger = useSetRecoilState(zoomTriggerState);
   const dispatch = useDispatch();
@@ -156,8 +160,48 @@ function DataSheet() {
   };
   //------------------------------
   useEffect(() => {
-    console.log("GisSystemStatic aus Redux:", GisSystemStatic); // ✅ Debugging: Ist es ein Array?
+    // console.log("GisSystemStatic aus Redux:", GisSystemStatic); // ✅ Debugging: Ist es ein Array?
   }, [GisSystemStatic]);
+  //-----------------------------
+  useInitGisStationsStatic();
+  //---------------------------
+  useEffect(() => {
+    console.log("🔍 GisStationsStatic Inhalt:", GisStationsStatic);
+
+    if (!GisStationsStatic) {
+      console.warn("⚠️ GisStationsStatic ist `null` oder nicht geladen.");
+      return;
+    }
+
+    if (typeof GisStationsStatic !== "object") {
+      console.warn("⚠️ GisStationsStatic ist kein Objekt:", GisStationsStatic);
+      return;
+    }
+
+    if (!GisStationsStatic.Points || !Array.isArray(GisStationsStatic.Points)) {
+      console.warn("⚠️ GisStationsStatic.Points ist nicht vorhanden oder kein Array.", GisStationsStatic);
+      return;
+    }
+
+    const seenNames = new Set();
+    const filteredAreas = GisStationsStatic.Points.filter((item) => {
+      if (!item.Area_Name) return false; // Sicherstellen, dass Area_Name existiert
+      const isUnique = !seenNames.has(item.Area_Name);
+      if (isUnique) {
+        seenNames.add(item.Area_Name);
+      }
+      return isUnique;
+    });
+
+    setStationListing(
+      filteredAreas.map((area, index) => ({
+        id: area.IdArea || index + 1,
+        name: area.Area_Name || "Unbekannt",
+      }))
+    );
+
+    console.log("📌 stationListing aktualisiert:", filteredAreas);
+  }, [GisStationsStatic]);
 
   //---------------------------
   return (