updating the layout based on the endpoints

src/store/backendPreferenceStore.ts

@@ -0,0 +1,21 @@
+import { create } from "zustand";
+import { persist } from "zustand/middleware";
+import { defaultBackendPreference } from "@api/backendConfig";
+import type { BackendPreference } from "@/types/backend";
+
+type BackendPreferenceState = {
+  backendPreference: BackendPreference;
+  setBackendPreference: (backendPreference: BackendPreference) => void;
+};
+
+export const useBackendPreferenceStore = create<BackendPreferenceState>()(
+  persist(
+    (set) => ({
+      backendPreference: defaultBackendPreference,
+      setBackendPreference: (backendPreference) => set({ backendPreference }),
+    }),
+    {
+      name: "manager-backend-preference",
+    },
+  ),
+);