update: replace table component

frontend/app/features/admin/RoleManagementPage.tsx

@@ -20,6 +20,7 @@ import {
   TableHeader,
   TableRow,
 } from "~/components/ui/table";
+import { AdminColgroup, ROLE_COL_WIDTHS } from "./AdminTable";
 
 import "../../styles/admin.css";
 
@@ -204,13 +205,7 @@ export function RoleManagementPage({
       {loadError && <div className="admin-readonly">{loadError}</div>}
 
       <Table className="rounded-[9px] border border-[#dfe7ef] overflow-hidden text-[11px] text-[#44576a] [--border-color:#dfe7ef] table-fixed bg-white">
-        <colgroup>
-          <col style={{ width: "20%" }} />
-          <col style={{ width: "23%" }} />
-          <col style={{ width: "14%" }} />
-          <col style={{ width: "16%" }} />
-          <col style={{ width: "27%" }} />
-        </colgroup>
+        <AdminColgroup widths={ROLE_COL_WIDTHS} />
         <TableHeader className="bg-[#f5f8fb] text-[#748598]">
           <TableRow className="hover:bg-transparent border-b border-[#edf1f5]">
             <TableHead className="h-10 px-4 text-[10px] font-bold text-[#748598]">角色编码</TableHead>