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

frontend/src/components/ui/Tooltip.tsx

@@ -2,6 +2,7 @@ import { useState, useSyncExternalStore } from "react";
 import { PopoverSurface } from "./AnchoredPopover";
 import { useAnchoredPopover } from "./anchoredPopoverHooks";
 import { hintsEnabled, subscribeHints } from "../../lib/hints";
+import { SURFACE } from "./surfaces";
 
 type Side = "top" | "bottom" | "left" | "right";
 
@@ -50,7 +51,7 @@ export default function Tooltip({
       <PopoverSurface
         popover={pop}
         passthrough
-        className="glass w-max max-w-60 px-2.5 py-1.5 rounded-lg text-xs leading-snug text-fg font-normal normal-case tracking-normal animate-[fadeIn_0.12s_ease]"
+        className={`${SURFACE.tooltip} w-max max-w-60 px-2.5 py-1.5 text-xs leading-snug text-fg font-normal normal-case tracking-normal animate-[fadeIn_0.12s_ease]`}
       >
         {hint}
       </PopoverSurface>