name the stores

src/store/flatastic.ts

@@ -1,14 +1,15 @@
 import { create } from "zustand";
 import Flatastic from "@/api/flatastic";
 import type { FlatasticChore } from "@/types/flatasticChore";
+import { devtools } from "zustand/middleware";
 
 interface FlatasticStore {
 	chores: FlatasticChore[];
 	fetch: () => Promise<void>;
 }
 
-const useFlatasticStore = create<FlatasticStore>(
+const useFlatasticStore = create(
-	(set: (state: Partial<FlatasticStore>) => void) => ({
+	devtools((set) => ({
 		chores: [],
 		fetch: async () => {
 			if (!import.meta.env.VITE_FLATTASTIC_API_KEY) {
@@ -20,6 +21,8 @@ const useFlatasticStore = create<FlatasticStore>(
 			console.log("Flatastic chores fetched:", data);
 			set({ chores: data as FlatasticChore[] });
 		},
+	}), {
+		name: "flatastic-store",
 	}),
 );
 

src/store/kvv.ts

@@ -25,7 +25,9 @@ const useKVVStore = create(
 				pStreet: pStreetJson as DepartureType[],
 			});
 		},
-	})),
+	}), {
+		name: "kvv-store",
+	}),
 );
 
 export { useKVVStore };