refactor: Recoil-Zustand zoomTriggerState durch Redux zoomTriggerSlice ersetzt

- MapComponent.js nutzt jetzt Redux useSelector für zoomTrigger
- DataSheet.js verwendet dispatch(incrementZoomTrigger())
- Recoil vollständig entfernt und Store zentralisiert

components/DataSheet.js

@@ -5,7 +5,7 @@ import { gisStationsStaticDistrictState } from "../redux/slices/webService/gisSt
 import { gisSystemStaticState } from "../redux/slices/webService/gisSystemStaticSlice.js";
 import { mapLayersState } from "../redux/slices/mapLayersSlice";
 import { setSelectedArea } from "../redux/slices/selectedAreaSlice";
-import { zoomTriggerState } from "../redux/slices/zoomTriggerSlice.js";
+
 import EditModeToggle from "./EditModeToggle";
 import { polylineLayerVisibleState } from "../redux/slices/polylineLayerVisibleSlice"; // Import für Polyline-Visibility
 import { useSelector, useDispatch } from "react-redux";
@@ -18,6 +18,7 @@ import { selectGisStationsStaticDistrict } from "../redux/slices/webService/gisS
 
 import { selectMapLayersState, setLayerVisibility } from "../redux/slices/mapLayersSlice";
 import { setVisible } from "../redux/slices/poiLayerVisibleSlice";
+import { incrementZoomTrigger } from "../redux/slices/zoomTriggerSlice";
 
 function DataSheet() {
   const [editMode, setEditMode] = useState(false); // Zustand für editMode
@@ -31,8 +32,6 @@ function DataSheet() {
   const GisSystemStatic = useSelector(selectGisSystemStatic) || [];
   const GisStationsStatic = useSelector(selectGisStationsStatic) || []; //Area-Name/Bereiche dropdownmenu
 
-  const setZoomTrigger = useSetRecoilState(zoomTriggerState);
-
   const polylineVisible = useSelector(selectPolylineVisible);
 
   const handlePolylineCheckboxChange = (event) => {
@@ -141,7 +140,7 @@ function DataSheet() {
 
   const handleIconClick = () => {
     setSelectedArea("Station wählen");
-    setZoomTrigger((current) => current + 1);
+    dispatch(incrementZoomTrigger());
   };
 
   //---------------------------

components/mainComponent/MapComponent.js

@@ -43,7 +43,6 @@ import { selectedPoiState } from "../../redux/slices/selectedPoiSlice.js";
 import { gisSystemStaticState } from "../../redux/slices/webService/gisSystemStaticSlice.js";
 import { selectMapLayersState } from "../../redux/slices/mapLayersSlice";
 
-import { zoomTriggerState } from "../../redux/slices/zoomTriggerSlice.js";
 import { polylineLayerVisibleState } from "../../redux/slices/polylineLayerVisibleSlice.js";
 //--------------------------------------------
 import { useSelector, useDispatch } from "react-redux";
@@ -138,7 +137,7 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
   const [showPoiUpdateModal, setShowPoiUpdateModal] = useState(false);
   const [currentPoiData, setCurrentPoiData] = useState(null);
   const [showVersionInfoModal, setShowVersionInfoModal] = useState(false);
-  const zoomTrigger = useRecoilValue(zoomTriggerState);
+  const zoomTrigger = useSelector((state) => state.zoomTrigger.trigger);
   const [gisSystemStaticLoaded, setGisSystemStaticLoaded] = useState(false);
   const [poiTypMap, setPoiTypMap] = useState(new Map());
   const [showPopup, setShowPopup] = useState(false);