refactor(ui): every function compiles under the React Compiler but VirtualGrid, and react-hooks/refs is on

E32 S4 — the burn-down from 29 skipped functions to 1:

- try/finally (26 sites): the cleanup runs after a try/catch; steps that return early moved into
  their own function (push, the setup wizard's next, the share page's unlock).
- A conditional, loop or optional call inside a try skips the function too, and react-hooks/todo
  does not see it: the value is computed before the try, or the try lives in a module-level helper
  (config writes, clip queueing, clipboard, frame counts, seekable end, YouTube player times).
- The two exhaustive-deps suppressions are gone. useYtProgress takes its per-item snapshot through
  one effect event, read once when the player is built; PlexPlayer's unmount relies on the
  leaving-the-item cleanup for the generation bump it duplicated.
- What the skips hid: PlexPlayer's 17 render-phase ref writes (useLatest), its tracks popover alias,
  the loadSession self-reference (declared early, set after commit); PlayerModal's session-position
  read during render (now where the player starts), navRef/modeRef writes, and a description helper
  that ran a ref-carrying callback during render (now PlayerDescription); SavedViewsProvider's
  latest-cfg ref, and its setState in the seed effect (preferSticky now prefers the starred default
  among same-filter views, so the seed needs no sticky write — test seen red on the old helper).
- A store's hook was called `use()`, which the compiler does not know as a hook: inside the newly
  compiled usePlaylistActions it was memoized, ran on the first render alone, and the playlist rail
  threw "rendered fewer hooks" on its second render. Renamed to `useValue()` everywhere; the old
  contract test claimed the call was safe inside any `use…` function, which was false — replaced by
  a render test that is red under the old name.
- PlexPlayer's palette ref was written and never read since the Backspace guard moved to the layer
  stack: removed.

react-hooks/refs is back at error with no exception. The ratchet lists only VirtualGrid
(IncompatibleLibrary) and pins both players as compiled. No size or complexity ceiling was raised.

frontend/src/components/PlexStatsOverlay.tsx

@@ -9,6 +9,18 @@ import { IconButton } from "./ui/IconButton";
 // and renders the active mode, resolution, codec/bitrate, dropped frames, buffer, hls level and session
 // offset. No data layer — the refs are already in hand. Doubles as the S1 verification surface (it shows
 // the transcode mode + that the re-encode is engaged). Toggled with "d" / the gauge button / its X.
+/** Dropped / total frames so far. Outside the component: the React Compiler cannot lower an
+ *  optional call inside a try yet, and skipped the whole overlay for it. */
+function frameCounts(v: HTMLVideoElement | null): { dropped: number; total: number } {
+  try {
+    const q = v?.getVideoPlaybackQuality?.();
+    if (q) return { dropped: q.droppedVideoFrames, total: q.totalVideoFrames };
+  } catch {
+    /* getVideoPlaybackQuality unsupported — leave 0/0 (renders as a dash) */
+  }
+  return { dropped: 0, total: 0 };
+}
+
 export function PlexStatsOverlay({
   videoRef,
   hlsRef,
@@ -47,17 +59,7 @@ export function PlexStatsOverlay({
       const v = videoRef.current;
       const hls = hlsRef.current;
 
-      let dropped = 0;
-      let total = 0;
-      try {
-        const q = v?.getVideoPlaybackQuality?.();
-        if (q) {
-          dropped = q.droppedVideoFrames;
-          total = q.totalVideoFrames;
-        }
-      } catch {
-        /* getVideoPlaybackQuality unsupported — leave 0/0 (renders as a dash) */
-      }
+      const { dropped, total } = frameCounts(v);
 
       let bufferAhead = 0;
       if (v) {