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/components/skills/SkillDetail.vue

@@ -2,6 +2,9 @@
 import { ref, watch } from 'vue'
 import MarkdownRenderer from '@/components/chat/MarkdownRenderer.vue'
 import { fetchSkillContent, fetchSkillFiles, type SkillFileEntry } from '@/api/skills'
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
 
 const props = defineProps<{
   category: string
@@ -30,7 +33,7 @@ async function loadSkill() {
     content.value = skillContent
     files.value = skillFiles.filter(f => !f.isDir && f.path !== 'SKILL.md')
   } catch (err: any) {
-    content.value = `Failed to load skill: ${err.message}`
+    content.value = t('skills.loadFailed') + `: ${err.message}`
   } finally {
     loading.value = false
   }
@@ -53,7 +56,7 @@ async function viewFile(filePath: string) {
     }
     fileContent.value = await fetchSkillContent(`${base}${relPath}`)
   } catch (err: any) {
-    fileContent.value = `Failed to load file: ${err.message}`
+    fileContent.value = t('skills.fileLoadFailed') + `: ${err.message}`
   } finally {
     fileLoading.value = false
   }
@@ -76,7 +79,7 @@ watch(() => `${props.category}/${props.skill}`, loadSkill, { immediate: true })
       <span class="detail-name">{{ skill }}</span>
     </div>
 
-    <div v-if="loading && !content" class="detail-loading">Loading...</div>
+    <div v-if="loading && !content" class="detail-loading">{{ t('common.loading') }}</div>
 
     <template v-else>
       <!-- Breadcrumb for file view -->
@@ -85,7 +88,7 @@ watch(() => `${props.category}/${props.skill}`, loadSkill, { immediate: true })
           <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
             <polyline points="15 18 9 12 15 6" />
           </svg>
-          Back to {{ skill }}
+          {{ t('skills.backTo') }} {{ skill }}
         </button>
         <span class="breadcrumb-path">{{ viewingFile }}</span>
       </div>
@@ -98,7 +101,7 @@ watch(() => `${props.category}/${props.skill}`, loadSkill, { immediate: true })
 
       <!-- Attached files -->
       <div v-if="!viewingFile && files.length > 0" class="detail-files">
-        <div class="files-header">Attached Files</div>
+        <div class="files-header">{{ t('skills.attachedFiles') }}</div>
         <div class="files-list">
           <button
             v-for="f in files"