feat(web-ui): optimize provider card layout and i18n

## Summary
- 提供商卡片改为2列网格布局，提升空间利用率
- 统一配置状态徽章样式，缩小字号至9px
- 补全 common.configured/notConfigured 多语言翻译

## Technical changes
- titles-cards.css: .card-list 改用 grid 2列布局，移动端自动降级单列
- titles-cards.css: .pill 字号从11px缩至9px，padding同步调整
- i18n: 在 zh/en/ja/vi 四语言中添加 common.configured/notConfigured
- panel-config-claude.html: 统一使用 common.* namespace

## Test plan
- [x] 配置页卡片横向2列显示
- [x] 移动端(<768px)降级单列
- [x] 徽章字号缩小，视觉紧凑
- [x] 多语言切换显示正常

Author: ymkiux

web-ui/modules/i18n/locales/en.mjs

@@ -61,6 +61,8 @@ const en = Object.freeze({
     'common.notExistsWillCreateOnApply': 'Not found. Will be created on apply.',
     'common.notExistsWillCreateOnSave': 'Not found. Will be created on save.',
     'common.none': 'None',
+    'common.configured': 'Configured',
+    'common.notConfigured': 'Not configured',
     'cli.missing.title': '{name} CLI not installed',
     'cli.missing.subtitle': 'Install {name} CLI before using this page.',
     'cli.missing.openDocs': 'Open install guide',

web-ui/modules/i18n/locales/ja.mjs

@@ -62,6 +62,8 @@ const ja = Object.freeze({
     'common.notExistsWillCreateOnApply': '存在しません。適用時に作成されます',
     'common.notExistsWillCreateOnSave': '存在しません。保存時に作成されます',
     'common.none': 'なし',
+    'common.configured': '設定済み',
+    'common.notConfigured': '未設定',
     'cli.missing.title': '{name} CLI がインストールされていません',
     'cli.missing.subtitle': '{name} CLI をインストールしてからこのページをご利用ください。',
     'cli.missing.openDocs': 'インストールガイドを開く',

web-ui/modules/i18n/locales/vi.mjs

@@ -71,6 +71,8 @@ const vi = Object.freeze({
     'common.notExistsWillCreateOnApply': 'Không tồn tại. Sẽ được tạo khi áp dụng.',
     'common.notExistsWillCreateOnSave': 'Không tồn tại. Sẽ được tạo khi lưu.',
     'common.none': 'Không có',
+    'common.configured': 'Đã cấu hình',
+    'common.notConfigured': 'Chưa cấu hình',
     'common.notSelected': 'Chưa chọn',
 
     // Roles / labels

web-ui/modules/i18n/locales/zh.mjs

@@ -61,6 +61,8 @@ const zh = Object.freeze({
     'common.notExistsWillCreateOnApply': '不存在，将在应用时创建',
     'common.notExistsWillCreateOnSave': '不存在，将在保存时创建',
     'common.none': '暂无',
+    'common.configured': '已配置',
+    'common.notConfigured': '未配置',
     'cli.missing.title': '{name} CLI 未安装',
     'cli.missing.subtitle': '请先安装 {name} CLI 后再继续使用此页面。',
     'cli.missing.openDocs': '打开安装指南',

web-ui/partials/index/panel-config-claude.html

@@ -154,7 +154,7 @@
                         </div>
                         <div class="card-trailing">
                             <span v-if="claudeSpeedResults[name]" :class="['latency', claudeSpeedResults[name].ok ? 'ok' : 'error']">{{ formatLatency(claudeSpeedResults[name]) }}</span>
-                            <span :class="['pill', config.hasKey ? 'configured' : 'empty']">{{ config.hasKey ? t('claude.configured') : t('claude.notConfigured') }}</span>
+                            <span :class="['pill', config.hasKey ? 'configured' : 'empty']">{{ config.hasKey ? t('common.configured') : t('common.notConfigured') }}</span>
                             <div class="card-actions" @click.stop>
                                 <button class="card-action-btn" @click="openEditConfigModal(name)" :aria-label="t('claude.action.editAria', { name })" :title="t('claude.action.edit')">
                                     <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>

web-ui/styles/titles-cards.css

@@ -75,12 +75,18 @@
    卡片列表
    ============================================ */
 .card-list {
-    display: flex;
-    flex-direction: column;
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
     gap: 10px;
     margin-bottom: 8px;
 }
 
+@media (max-width: 768px) {
+    .card-list {
+        grid-template-columns: 1fr;
+    }
+}
+
 /* ============================================
    卡片
    ============================================ */
@@ -368,9 +374,9 @@
    状态徽章
    ============================================ */
 .pill {
-    padding: 5px 11px;
+    padding: 4px 9px;
     border-radius: var(--radius-full);
-    font-size: var(--font-size-caption);
+    font-size: 9px;
     font-weight: var(--font-weight-caption);
     background-color: rgba(255, 255, 255, 0.8);
     color: var(--color-text-tertiary);