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

frontend/src/components/ViewSwitcher.tsx

@@ -4,6 +4,7 @@ import clsx from "clsx";
 import { PopoverItem, PopoverSurface } from "./ui/AnchoredPopover";
 import { useAnchoredPopover } from "./ui/anchoredPopoverHooks";
 import { SelectTrigger } from "./ui/SelectTrigger";
+import { SURFACE } from "./ui/surfaces";
 
 export interface ViewOption<T extends string> {
   id: T;
@@ -76,7 +77,7 @@ export default function ViewSwitcher<T extends string>({
       <PopoverSurface
         popover={pop}
         ariaLabel={label}
-        className="glass-menu min-w-44 p-1.5 rounded-xl animate-[popIn_0.16s_ease]"
+        className={`${SURFACE.menu} min-w-44 animate-[popIn_0.16s_ease]`}
       >
         {/* The modes are one exclusive choice, so the radio items need a group to scope their
             checked-ness to — otherwise they read as independent checkable items. */}