build(frontend): close the lint gaps the E32 audit measured

eslint now also enforces:
- the React Compiler diagnostics that `recommended` leaves out (todo,
  memo-dependencies and ten zero-hit tripwires);
- a description on every suppression, and no blanket disables;
- no focused or skipped tests (vitest and playwright);
- the typed pair no-floating-promises and no-deprecated.

Lint also covers e2e/ and the TypeScript build configs, which `eslint .`
had been skipping in silence.

Every hit is fixed or suppressed inline with a named reason:
- The 31 try statements the compiler cannot lower yet carry a suppression
  until S3 rewrites them. Five other compiler skips were plain fixes:
  a module counter bumped inside a hook, a ref read in a default
  parameter, and a local named like the <section> it renders.
- The real defects behind floating promises are fixed. ChatDock threw at
  nobody when the device key store could not be opened. VideoEditor's
  play() rejection went unhandled. loadYouTubeApi never rejected, so a
  blocked IFrame API left the player on an empty stage forever; it now
  fails on a script error or after 15 s, shows its own error with the
  way out, and lets the next open try again.
- MutableRefObject, FormEvent and lucide's deprecated brand icon are
  replaced. The YouTube glyph now lives in lib/brandIcons.
- The lint-probe harness lets its virtual file names into TypeScript's
  default project, so the contract tests still run the real config.

frontend/src/components/plexViews.tsx

@@ -225,7 +225,9 @@ export function PlexPersonView({
     menuOpen: menu.open && menu.target === c,
   });
 
-  const section = (titleKey: string, cards: PlexCard[]) =>
+  // Not `section`: a local named like the <section> it renders confused the React Compiler's scope
+  // analysis ("[hoisting] expected identifier to be defined") and it skipped the component.
+  const renderSection = (titleKey: string, cards: PlexCard[]) =>
     cards.length > 0 ? (
       <section className="mb-5">
         <h2 className="text-sm font-semibold mb-3">{t(titleKey, { count: cards.length })}</h2>
@@ -385,8 +387,8 @@ export function PlexPersonView({
             <p className="text-sm text-muted">{t("plex.person.empty")}</p>
           ) : (
             <>
-              {section("plex.person.movies", d.movies)}
-              {section("plex.person.shows", d.shows)}
+              {renderSection("plex.person.movies", d.movies)}
+              {renderSection("plex.person.shows", d.shows)}
             </>
           )}
         </div>
@@ -464,6 +466,7 @@ export function PlexShowView({
   );
   async function markAll(w: boolean) {
     setBusy(true);
+    // eslint-disable-next-line react-hooks/todo -- the React Compiler cannot lower try/finally yet, so the enclosing component or hook stays uncompiled; pinned in compilerCoverage, burned down in E32 S3
     try {
       await api.plexShowState(showId, w);
     } catch (e) {
@@ -797,6 +800,7 @@ export function PlexSeasonView({
   );
   async function markAll(w: boolean) {
     setBusy(true);
+    // eslint-disable-next-line react-hooks/todo -- the React Compiler cannot lower try/finally yet, so the enclosing component or hook stays uncompiled; pinned in compilerCoverage, burned down in E32 S3
     try {
       await api.plexSeasonState(seasonId, w);
     } catch (e) {