refactor: restructure project layout

- Move main process to electron/main/
- Move preload to electron/preload/
- Add shared types in electron/shared/
- Split redis-service into modular redis/ directory
- Flatten renderer to src/ (remove src/renderer/ nesting)
- Update electron.vite.config.ts paths
- Update tsconfig paths
- Output to electron-dist/

src/components/KeyBrowser.vue

@@ -0,0 +1,52 @@
+<script setup lang="ts">
+// src/renderer/src/components/KeyBrowser.vue
+import { watch } from 'vue'
+import { useKeyStore } from '@renderer/stores/key'
+import { useConnectionStore } from '@renderer/stores/connection'
+import KeyList from './KeyList.vue'
+import KeyDetail from './KeyDetail.vue'
+
+const keyStore = useKeyStore()
+const connStore = useConnectionStore()
+
+watch(
+  () => connStore.activeId,
+  async (newId) => {
+    if (newId) {
+      keyStore.selectedKey = null
+      keyStore.keyData = null
+      await keyStore.scanKeys(newId, '0', true)
+    }
+  },
+  { immediate: true }
+)
+</script>
+
+<template>
+  <div class="key-browser">
+    <div class="key-sidebar">
+      <KeyList />
+    </div>
+    <div class="key-main">
+      <KeyDetail />
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.key-browser {
+  display: flex;
+  height: 100%;
+}
+
+.key-sidebar {
+  width: 260px;
+  flex-shrink: 0;
+  border-right: 1px solid var(--border-color);
+}
+
+.key-main {
+  flex: 1;
+  overflow: hidden;
+}
+</style>