fix(settings): improve ModelAccess table responsiveness during browser zoom

frontend/src/pages/SettingsPage/ModelAccess.tsx

@@ -279,16 +279,18 @@ export default function ModelAccess() {
         }
         className="mb-4"
       />
-      <Card>
+      <div className="flex flex-col h-[calc(100vh-12rem)]">
-        <Table
+        <Card className="flex-1 overflow-auto">
-          rowKey="id"
+          <Table
-          columns={columns}
+            rowKey="id"
-          dataSource={tableData}
+            columns={columns}
-          loading={loading}
+            dataSource={tableData}
-          pagination={pagination}
+            loading={loading}
-          scroll={{ x: "max-content", y: "calc(100vh - 26rem)" }}
+            pagination={pagination}
-        />
+            scroll={false}
-      </Card>
+          />
+        </Card>
+      </div>
       <Modal
         open={showModelDialog}
         onCancel={() => setShowModelDialog(false)}