feat: 优化前端界面布局和响应式设计

- 为表格添加空数据提示组件
- 根据设备类型动态调整抽屉组件大小
- 优化表格列宽和显示效果
- 调整描述组件的列数布局
- 在重置用户状态时清除用户信息

frontend/src/layouts/components/Settings/index.vue

@@ -1,7 +1,7 @@
 <template>
   <el-drawer
     v-model="drawerVisible"
-    size="380"
+    :size="drawerSize"
     :title="t('settings.project')"
     :before-close="handleCloseDrawer"
     class="settings-drawer"
@@ -163,6 +163,11 @@ const { t } = useI18n();
 import { LayoutMode, SidebarColor, ThemeMode } from "@/enums";
 import { useSettingsStore } from "@/store";
 import { themeColorPresets } from "@/settings";
+import { useAppStore } from "@/store/modules/app.store";
+import { DeviceEnum } from "@/enums/settings/device.enum";
+
+const appStore = useAppStore();
+const drawerSize = computed(() => (appStore.device === DeviceEnum.DESKTOP ? "400px" : "90%"));
 
 // 按钮图标
 const copyIcon = markRaw(DocumentCopy);