feat(design): glass surfaces by role, the static Badge, LinkButton, user pickers on the Combobox (E28 S3d1)

frontend/src/components/ui/DataTable.tsx

@@ -9,6 +9,7 @@ import { alignClass } from "./tableAlign";
 import { filterRows, type Column, type FilterMap } from "../../lib/tableColumns";
 import { navItemAttrs, useListNav } from "../../lib/listNav";
 import { useMediaQuery } from "../../lib/useMediaQuery";
+import { SURFACE } from "./surfaces";
 
 // A reusable, client-side data table: per-column sort + filter (in the header) + pagination,
 // with its sort/filter/page state optionally persisted to localStorage so a reload (F5) keeps
@@ -323,7 +324,7 @@ export default function DataTable<T>({
               key={rowKey(row)}
               {...rowProps?.(row)}
               {...(keyboardNav && navItemAttrs(i))}
-              className={`glass-card rounded-xl p-3 ${rowClassName?.(row) ?? ""}`}
+              className={`${SURFACE.card} p-3 ${rowClassName?.(row) ?? ""}`}
             >
               {columns
                 .filter((c) => c.cardPrimary)