fix: UI improvements

- Remove auto-open devtools
- Settings as right drawer
- DB selector in title bar
- Sidebar expand/collapse
- Fix dark mode colors for key detail

src/App.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-// src/renderer/src/App.vue
-import { onMounted } from 'vue'
+// src/App.vue
+import { ref, onMounted } from 'vue'
 import TitleBar from './components/TitleBar.vue'
 import Sidebar from './components/Sidebar.vue'
 import MainArea from './components/MainArea.vue'
@@ -8,6 +8,7 @@ import StatusBar from './components/StatusBar.vue'
 import { useConnectionStore } from '@renderer/stores/connection'
 
 const connStore = useConnectionStore()
+const showSettings = ref(false)
 
 onMounted(() => {
   connStore.loadConnections()
@@ -16,10 +17,10 @@ onMounted(() => {
 
 <template>
   <div class="app-shell">
-    <TitleBar />
+    <TitleBar v-model:showSettings="showSettings" />
     <div class="app-body">
       <Sidebar />
-      <MainArea />
+      <MainArea v-model:showSettings="showSettings" />
     </div>
     <StatusBar />
   </div>