refactor: 优化设备和客户端管理页面样式和滚动逻辑

- 在 `devices/index.less` 中取消注释并应用必要的 CSS 规则
- 更新 `devices/index.tsx` 和 `business/ClientManagement.tsx` 中的滚动配置和样式
- 在 `backend/lombok.config` 中添加 `lombok.copyableAnnotations` 配置

backend/lombok.config

@@ -0,0 +1 @@
+lombok.copyableAnnotations += org.springframework.beans.factory.annotation.Qualifier

frontend/src/pages/business/ClientManagement.tsx

@@ -363,7 +363,6 @@ export default function ClientManagement() {
     {
       title: "安装包信息",
       key: "package",
-      width: 240,
       render: (_, record) => (
         <Space direction="vertical" size={0}>
           <Text type="secondary">大小：{formatFileSize(record.fileSize)}</Text>
@@ -491,14 +490,14 @@ export default function ClientManagement() {
       </Card>
 
       <Card className="app-page__content-card flex-1 flex flex-col overflow-hidden" styles={{ body: { padding: 0, flex: 1, display: "flex", flexDirection: "column", overflow: "hidden" } }}>
-        <div className="app-page__table-wrap" style={{ padding: "0 24px", overflow: "auto" }}>
+        <div className="app-page__table-wrap" style={{padding: "0 24px", overflow: "hidden"}}>
           <Table
             rowKey="id"
             columns={columns}
             dataSource={pagedRecords}
             loading={loading || groupLoading || platformLoading}
             locale={platformGroups.length === 0 ? { emptyText: <Empty description="未配置 client_platform 字典项" /> } : undefined}
-            scroll={{ x: "max-content" }}
+            scroll={{x: 1100}}
             pagination={false}
           />
         </div>

frontend/src/pages/devices/index.less

@@ -175,10 +175,10 @@
   font-variant-numeric: tabular-nums;
 }
 
-//.app-page__table-wrap .ant-table-wrapper .ant-table-cell-fix-right-first,
-//.app-page__table-wrap .ant-table-wrapper .ant-table-cell-fix-right-last {
-//  right: 0 !important;
-//}
+.app-page__table-wrap .ant-table-wrapper .ant-table-cell-fix-right-first,
+.app-page__table-wrap .ant-table-wrapper .ant-table-cell-fix-right-last {
+  right: 0 !important;
+}
 
 @media (max-width: 768px) {
   .devices-page {

frontend/src/pages/devices/index.tsx

@@ -220,7 +220,6 @@ export default function Devices() {
     {
       title: t("devicesExt.weatherCityName"),
       dataIndex: "weatherCityName",
-      width: 140,
       render: (text: string) => <Text>{text || "-"}</Text>
     },
     {
@@ -347,13 +346,13 @@ export default function Devices() {
       </Row>
 
       <Card className="app-page__content-card" styles={{ body: { padding: 0, flex: 1, display: "flex", flexDirection: "column", overflow: "hidden" } }} style={{ flex: 1, minHeight: 0, marginTop: 16 }}>
-        <div className="app-page__table-wrap" style={{ flex: 1, minHeight: 0, overflow: "auto", padding: "0 24px" }}>
+        <div className="app-page__table-wrap" style={{flex: 1, minHeight: 0, overflow: "hidden", padding: "0 24px"}}>
           <ListTable<DeviceInfo>
             rowKey="deviceId"
             dataSource={pagedData}
             loading={loading}
             columns={columns}
-            scroll={{ y: "calc(100vh - 520px)", x: 1200 }}
+            scroll={{y: "calc(100vh - 520px)", x: 1980}}
             pagination={false}
           />
         </div>