feat: 优化 API Keys 页面的分组显示和使用统计展示

- 修复分组调度显示，正确展示分组名称
- 重新设计使用统计列，添加进度条显示每日费用和窗口限制
- 创建使用详情弹窗组件，展示完整统计信息
- 优化时间窗口限制显示，支持请求次数和Token双维度进度条
- 改进移动端自适应布局
- 修复 ESLint 警告，提升代码质量

🤖 Generated with [Claude Code](https://claude.ai/code)

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

web/admin-spa/src/views/SettingsView.vue

@@ -180,8 +180,12 @@
               <i class="fas fa-font text-white text-sm" />
             </div>
             <div>
-              <h4 class="text-sm font-semibold text-gray-900">网站名称</h4>
-              <p class="text-xs text-gray-500">品牌标识</p>
+              <h4 class="text-sm font-semibold text-gray-900">
+                网站名称
+              </h4>
+              <p class="text-xs text-gray-500">
+                品牌标识
+              </p>
             </div>
           </div>
           <div class="space-y-2">
@@ -205,8 +209,12 @@
               <i class="fas fa-image text-white text-sm" />
             </div>
             <div>
-              <h4 class="text-sm font-semibold text-gray-900">网站图标</h4>
-              <p class="text-xs text-gray-500">Favicon</p>
+              <h4 class="text-sm font-semibold text-gray-900">
+                网站图标
+              </h4>
+              <p class="text-xs text-gray-500">
+                Favicon
+              </p>
             </div>
           </div>
           <div class="space-y-3">