feat: add i18n, platform channels page, and WeChat QR login

- Add vue-i18n with auto-detect browser language and manual toggle (EN/中文)
- Move platform channels to separate page with credential management
- Support Telegram, Discord, Slack, WhatsApp, Matrix, Feishu, Weixin, WeCom
- Add WeChat QR code login (opens in browser, polls status, auto-saves)
- Write platform credentials to ~/.hermes/.env matching hermes gateway setup
- Auto restart gateway after platform config changes
- Add settings store with per-section save for all config categories
- Persist session group collapse state across navigation
- Fix pre-existing TypeScript build errors

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/views/ChannelsView.vue

@@ -0,0 +1,58 @@
+<script setup lang="ts">
+import { onMounted } from 'vue'
+import { NSpin } from 'naive-ui'
+import { useI18n } from 'vue-i18n'
+import { useSettingsStore } from '@/stores/settings'
+import PlatformSettings from '@/components/settings/PlatformSettings.vue'
+
+const settingsStore = useSettingsStore()
+const { t } = useI18n()
+
+onMounted(() => {
+  settingsStore.fetchSettings()
+})
+</script>
+
+<template>
+  <div class="channels-view">
+    <header class="channels-header">
+      <h2 class="header-title">{{ t('sidebar.channels') }}</h2>
+    </header>
+
+    <div class="channels-content">
+      <NSpin :show="settingsStore.loading">
+        <PlatformSettings />
+      </NSpin>
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+@use '@/styles/variables' as *;
+
+.channels-view {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
+.channels-header {
+  display: flex;
+  align-items: center;
+  padding: 12px 20px;
+  border-bottom: 1px solid $border-color;
+  flex-shrink: 0;
+}
+
+.header-title {
+  font-size: 16px;
+  font-weight: 600;
+  color: $text-primary;
+}
+
+.channels-content {
+  flex: 1;
+  overflow-y: auto;
+  padding: 20px;
+}
+</style>