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

frontend/src/components/PlexBrowse.tsx

@@ -46,6 +46,7 @@ import NavGrid from "./ui/NavGrid";
 import { Chip } from "./ui/Chip";
 import { IconButton } from "./ui/IconButton";
 import { Pressable } from "./ui/Pressable";
+import { SURFACE } from "./ui/surfaces";
 
 // Lazy: the rich player (pulls in hls.js) loads only when something is first played.
 const PlexPlayer = lazy(() => import("./PlexPlayer"));
@@ -553,7 +554,7 @@ export default function PlexBrowse() {
           {personCards.map((p) => (
             <div
               key={p.name}
-              className="glass-card flex items-center gap-1 rounded-xl py-1.5 pl-1.5 pr-2.5"
+              className={`${SURFACE.card} flex items-center gap-1 py-1.5 pl-1.5 pr-2.5`}
             >
               {/* The photo + name open the actor's filmography page; the ✕ removes the filter. */}
               <Pressable