feat: implement base application layout with NavigationRail and DevExtreme data grid integration

frontend/src/store/useAppStore.ts

@@ -1,4 +1,5 @@
 import { create } from 'zustand';
+import { persist, createJSONStorage } from 'zustand/middleware';
 
 interface ConnectionConfig {
   host: string;
@@ -23,17 +24,31 @@ interface AppState {
   setActiveTable: (table: string | null) => void;
 }
 
-export const useAppStore = create<AppState>((set) => ({
-  darkMode: true,
-  activeTab: 'explorer',
-  activeDatabase: null,
-  activeTable: null,
-  connection: null,
-  connected: false,
-  toggleDarkMode: () => set((state) => ({ darkMode: !state.darkMode })),
-  setActiveTab: (tab) => set({ activeTab: tab }),
-  setConnection: (config) => set({ connection: config, connected: true }),
-  clearConnection: () => set({ connection: null, connected: false, activeDatabase: null, activeTable: null }),
-  setActiveDatabase: (db) => set({ activeDatabase: db, activeTable: null }),
-  setActiveTable: (table) => set({ activeTable: table }),
-}));
+export const useAppStore = create<AppState>()(
+  persist(
+    (set) => ({
+      darkMode: true,
+      activeTab: 'explorer',
+      activeDatabase: null,
+      activeTable: null,
+      connection: null,
+      connected: false,
+      toggleDarkMode: () => set((state) => ({ darkMode: !state.darkMode })),
+      setActiveTab: (tab) => set({ activeTab: tab }),
+      setConnection: (config) => set({ connection: config, connected: true }),
+      clearConnection: () => set({ connection: null, connected: false, activeDatabase: null, activeTable: null }),
+      setActiveDatabase: (db) => set({ activeDatabase: db, activeTable: null }),
+      setActiveTable: (table) => set({ activeTable: table }),
+    }),
+    {
+      name: 'mariavel-storage',
+      storage: createJSONStorage(() => localStorage),
+      // Only persist connection and connected status
+      partialize: (state) => ({ 
+        connection: state.connection, 
+        connected: state.connected,
+        darkMode: state.darkMode 
+      }),
+    }
+  )
+);