fix(design): the command palette's active row takes the menus' roving highlight, not an invisible bg-card; the Plex typeahead's hand copy of it goes (E28)

The palette row was ~1.07:1 on its glass (B3 names bg-card hovers a violation). ROVING_HIGHLIGHT is
exported from AnchoredPopover for the listboxes that are not PopoverItems; a contract holds that no file
paints the fill itself and every hand-built option row takes the recipe.

frontend/src/components/ui/CommandPalette.tsx

@@ -7,6 +7,7 @@ import { closeTopOverlayThenRun } from "../../lib/history";
 import { pageStep, pageTarget } from "../../lib/listPaging";
 import { Pressable } from "./Pressable";
 import { InnerInput } from "./Input";
+import { ROVING_HIGHLIGHT } from "./AnchoredPopover";
 import { fieldClass } from "./fieldStyles";
 
 // The app's jump-to bar: one text field over every place you can go and every app-wide thing you can
@@ -270,9 +271,9 @@ function CommandPaletteBody({ onClose, groups }: { onClose: () => void; groups:
                   if (e.movementX === 0 && e.movementY === 0) return;
                   setPicked(item.id);
                 }}
-                className={`flex w-full items-center gap-2 rounded-lg px-2 py-1.5 text-sm ${
-                  item.id === activeId ? "bg-card text-fg" : "text-muted hover:text-fg"
-                }`}
+                // The menus' roving highlight: a `bg-card` row was ~1.07:1 on the palette's glass (E28).
+                data-active={item.id === activeId ? "true" : undefined}
+                className={`flex w-full items-center gap-2 rounded-lg px-2 py-1.5 text-sm text-muted hover:text-fg ${ROVING_HIGHLIGHT}`}
               >
                 {item.icon && <span className="shrink-0">{item.icon}</span>}
                 <span className="min-w-0 flex-1 truncate">{item.label}</span>