feat: implement MySQL driver and API schema services for database management

frontend/src/store/useAppStore.ts

@@ -14,10 +14,12 @@ interface AppState {
   activeTab: string;
   activeDatabase: string | null;
   activeTable: string | null;
+  dbTab: string; // 'tables', 'sql', 'import', 'export'
   connection: ConnectionConfig | null;
   connected: boolean;
   toggleDarkMode: () => void;
   setActiveTab: (tab: string) => void;
+  setDbTab: (tab: string) => void;
   setConnection: (config: ConnectionConfig) => void;
   clearConnection: () => void;
   setActiveDatabase: (db: string | null) => void;
@@ -31,14 +33,16 @@ export const useAppStore = create<AppState>()(
       activeTab: 'explorer',
       activeDatabase: null,
       activeTable: null,
+      dbTab: 'tables',
       connection: null,
       connected: false,
       toggleDarkMode: () => set((state) => ({ darkMode: !state.darkMode })),
       setActiveTab: (tab) => set({ activeTab: tab }),
+      setDbTab: (tab) => set({ dbTab: 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 }),
+      setActiveDatabase: (db) => set({ activeDatabase: db, activeTable: null, dbTab: 'tables' }),
+      setActiveTable: (table) => set({ activeTable: table, dbTab: 'tables' }),
     }),
     {
       name: 'mariavel-storage',
@@ -50,7 +54,8 @@ export const useAppStore = create<AppState>()(
         darkMode: state.darkMode,
         activeDatabase: state.activeDatabase,
         activeTable: state.activeTable,
-        activeTab: state.activeTab
+        activeTab: state.activeTab,
+        dbTab: state.dbTab
       }),
     }
   )