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

frontend/src/components/SetupWizard.tsx

@@ -6,6 +6,7 @@ import { setLanguage, type LangCode } from "../i18n";
 import LanguageSwitcher from "./LanguageSwitcher";
 import { Button } from "./ui/Button";
 import { Input } from "./ui/Input";
+import { SURFACE } from "./ui/surfaces";
 
 // First-run install wizard. Shown by App.tsx while the instance is unconfigured. The one-time
 // setup token comes from the URL the app printed to the container logs (?token=…); every step
@@ -158,7 +159,7 @@ export default function SetupWizard() {
           ))}
         </div>
 
-        <div className="glass rounded-2xl p-6">
+        <div className={`${SURFACE.panel} p-6`}>
           {step === "intro" && (
             <Section title={t("setup.intro.title")} desc={t("setup.intro.body")} />
           )}
@@ -330,7 +331,7 @@ function Section({
 function TokenError() {
   const { t } = useTranslation();
   return (
-    <div className="max-w-md glass rounded-2xl p-6 text-center">
+    <div className={`${SURFACE.panel} max-w-md p-6 text-center`}>
       <h2 className="text-lg font-semibold">{t("setup.token.title")}</h2>
       <p className="text-sm text-muted leading-relaxed mt-2">{t("setup.token.body")}</p>
     </div>