feat: Recoil-State 'selectedAreaState' durch Redux ersetzt

- Redux-Slice 'selectedAreaSlice' erstellt mit set/clear Funktionen
- DataSheet.js verwendet dispatch(setSelectedArea(...)) für Dropdown-Auswahl
- MapComponent.js liest Bereichsauswahl über useSelector aus Redux Store
- Recoil-Importe entfernt, Zustand zentralisiert

components/mainComponent/MapComponent.js

@@ -42,7 +42,7 @@ import { mapIdState, userIdState } from "../../redux/slices/urlParameterSlice.js
 import { selectedPoiState } from "../../redux/slices/selectedPoiSlice.js";
 import { gisSystemStaticState } from "../../redux/slices/webService/gisSystemStaticSlice.js";
 import { selectMapLayersState } from "../../redux/slices/mapLayersSlice";
-import { selectedAreaState } from "../../redux/slices/selectedAreaSlice.js";
+
 import { zoomTriggerState } from "../../redux/slices/zoomTriggerSlice.js";
 import { polylineLayerVisibleState } from "../../redux/slices/polylineLayerVisibleSlice.js";
 //--------------------------------------------
@@ -179,7 +179,7 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
   const [lineStatusData, setLineStatusData] = useState([]);
   const [linesData, setLinesData] = useState([]);
   const mapLayersVisibility = useSelector(selectMapLayersState) || {};
-  const selectedArea = useRecoilValue(selectedAreaState);
+  const selectedArea = useSelector((state) => state.selectedArea.area);
 
   const [linePositions, setLinePositions] = useState([]);
   const { lineColors, tooltipContents } = useLineData(webserviceGisLinesStatusUrl, setLineStatusData);