fix(ui): E31 S2 — the tab names the object, the channel header wraps, the player fits a short window

- The browser tab names the place and the object: PageHeading reports the view's own title (lib/documentTitle), so a channel, playlist or any Plex view reads "<object> · <module> · Siftlode" however it was opened; the Feed is named too; a season adds its show (tabTitle). - The channel page's tab + action row wraps and lets the tag lane fold into "+N": at 1024 it ran past the edge and the page scrolled sideways. - The YouTube player card's width is capped from the window height less the chrome measured under the video: at 133% zoom (685px) it cut its channel row. - Plex certificate words (Not Rated, Approved, Passed) are named through the vocabulary on the info badge, show page, collection, filter and chips. - DESIGN.md: the zoom target is 125% and 133%, not 200% (decision log).
2026-10-01 21:17:20 +02:00
parent 2543d44860
commit ec22eefd31
20 changed files with 265 additions and 46 deletions
@@ -15,8 +15,13 @@ vi.mock("react-i18next", async (importOriginal) => {
    ...actual,
    useTranslation: () => ({
      i18n: { language: "en" },
+      // A certificate code ("R") is no catalog word: it falls back to itself, as in the real catalog.
      t: (key: string, opts?: Record<string, unknown>) =>
-        opts?.name ? `${key}:${opts.name}` : key,
+        opts?.name
+          ? `${key}:${opts.name}`
+          : key.startsWith("vocab.certificate.") && typeof opts?.defaultValue === "string"
+            ? opts.defaultValue
+            : key,
    }),
  };
 });