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

frontend/src/components/AccountPanel.tsx

@@ -14,6 +14,7 @@ import { formatDateTime } from "../lib/format";
 import { invalidateUserAccess } from "../lib/adminUsers";
 import type { AdminUserAccess, AdminUserRow } from "../lib/api/admin";
 import { Button } from "./ui/Button";
+import { SURFACE } from "./ui/surfaces";
 
 // The admin's answer to "why can this person not get in?", and the place every recovery action for
 // one account lives (E12 · S5, design option C).
@@ -117,7 +118,7 @@ export default function AccountPanel({
           <div className="text-2xs uppercase tracking-wider text-muted mb-2">
             {t("users.account.access")}
           </div>
-          <div className="glass-card rounded-xl p-3 space-y-2 mb-5">
+          <div className={`${SURFACE.card} p-3 space-y-2 mb-5`}>
             <AccessRow
               icon={Mail}
               label={t("users.account.email")}