Fix: Sicherstellen, dass MapComponent innerhalb des RecoilRoot-Kontexts liegt

- Entfernt redundanten `RecoilRoot` aus `MapComponent`, um Probleme mit verschachtelten Wurzeln zu vermeiden.
- Sichergestellt, dass `MapComponent` immer innerhalb des zentralen `RecoilRoot` gerendert wird, der in `_app.js` definiert ist.
- Das Problem "Diese Komponente muss innerhalb einer `<RecoilRoot>`-Komponente verwendet werden" durch Platzieren aller Recoil-States im korrekten Kontext behoben.
- `ShowAddStationPopup` direkt als JSX-Element innerhalb von `MapComponent` zur besseren Übersicht verwendet.

store/atoms/poiReadFromDbTriggerAtom.js

@@ -0,0 +1,7 @@
+// store/atoms/poiReadFromDbTriggerAtom.js
+import { atom } from 'recoil';
+
+export const poiReadFromDbTriggerAtom = atom({
+  key: 'poiReadFromDbTriggerAtom',
+  default: 0, // Sie können auch einen booleschen Wert verwenden
+});

store/selectors/readPoiMarkersStore.js

@@ -1,11 +1,7 @@
-// store/readPoiMarkersStore.js
-import { atom } from "recoil";
+//store/selectors/readPoiMarkersStore.js
+import { atom } from 'recoil';
 
 export const readPoiMarkersStore = atom({
-  key: "readPoiMarkersStore",
-  default: async () => {
-    const response = await fetch("/api/readLocations");
-    const data = await response.json();
-    return data;
-  },
-});
+  key: 'readPoiMarkersStore',
+  default: [],
+});