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/lib/debugRecorder.ts

@@ -8,14 +8,14 @@ const startOpen = createStore(false);
 /** Open the start dialog (Settings → Diagnosztika, the palette). */
 export const openRecorderStart = (): void => startOpen.set(true);
 export const closeRecorderStart = (): void => startOpen.set(false);
-export const useRecorderStartOpen = (): boolean => startOpen.use();
+export const useRecorderStartOpen = (): boolean => startOpen.useValue();
 
 // The pill's step prompt — open, and what is typed in it — held here, not in the pill: the pill
 // rides the topmost toast host, and a dialog or the player opening or closing moves it to another
 // one (a remount). The prompt must come along with what was typed.
 const stepPrompt = createStore<string | null>(null);
 /** The step prompt's text while it is open, else null. */
-export const useStepPrompt = (): string | null => stepPrompt.use();
+export const useStepPrompt = (): string | null => stepPrompt.useValue();
 export const setStepPrompt = (text: string | null): void => stepPrompt.set(text);
 
 // Other tabs of this browser: a Start or a Stop in one is news to the rest, which otherwise learn of
@@ -42,7 +42,7 @@ const composing = createStore<string | null>(null);
 /** Open the issue composer for session `id` — after Stop, when the cap ends it, from Settings. */
 export const openComposer = (id: string): void => composing.set(id);
 export const closeComposer = (): void => composing.set(null);
-export const useComposerSession = (): string | null => composing.use();
+export const useComposerSession = (): string | null => composing.useValue();
 
 // Step markers are numbered per session. The count survives a reload (sessionStorage, per tab): a
 // reproduction is often "reload and it happens again", and step 4 coming back as step 1 would make
@@ -61,7 +61,7 @@ function readSteps(): Record<string, number> {
 const steps = createStore<Record<string, number>>(readSteps());
 
 /** How many steps session `id` has marked in this tab. */
-export const useStepCount = (id: string): number => steps.use()[id] ?? 0;
+export const useStepCount = (id: string): number => steps.useValue()[id] ?? 0;
 
 /** Take the next step number for session `id`. */
 export function nextStep(id: string): number {