refactor(frontend): UI/UX改进和组件优化

- DataTable组件操作列自适应
- 优化各种Modal弹窗
- 统一API调用方式（AbortSignal）
- 添加全局订阅状态管理
- 优化各管理视图的交互和布局
- 修复国际化翻译问题

frontend/src/components/keys/UseKeyModal.vue

@@ -1,8 +1,8 @@
 <template>
-  <Modal
+  <BaseDialog
     :show="show"
     :title="t('keys.useKeyModal.title')"
-    size="lg"
+    width="wide"
     @close="emit('close')"
   >
     <div class="space-y-4">
@@ -112,13 +112,13 @@
         </button>
       </div>
     </template>
-  </Modal>
+  </BaseDialog>
 </template>
 
 <script setup lang="ts">
 import { ref, computed, h, watch, type Component } from 'vue'
 import { useI18n } from 'vue-i18n'
-import Modal from '@/components/common/Modal.vue'
+import BaseDialog from '@/components/common/BaseDialog.vue'
 import { useClipboard } from '@/composables/useClipboard'
 import type { GroupPlatform } from '@/types'