refactor(logging): route frontend console calls through the logger

TRACES: | DR-204

484 ungated `console.*` calls across 63 non-test frontend files shipped to
end users with no way to turn them off. Mechanical substitution, no control
flow, error handling or message semantics changed:

  console.log / console.debug -> log.debug
  console.info                -> log.info
  console.warn                -> log.warn
  console.error               -> log.error

Hand-written `"[Scope] …"` prefixes are dropped where the logger's scope
now carries them; scope names that already existed are preserved verbatim
(`[Auth]`, `[VideoPlayer]`, `[PiP]`, …) and inferred from the filename
where a file had none. `src/routes/player/[id]/+page.svelte` keeps its
`NextEpisode` and `AutoPlay` sub-scopes as separate loggers rather than
flattening them into the page scope.

`grep -rn 'console\.' src/` now matches nothing outside the tests and the
facade itself.

src/lib/components/library/WatchedToggleButton.svelte

@@ -14,6 +14,9 @@
 -->
 <script lang="ts">
   import { syncService } from "$lib/services/syncService";
+  import { createLogger } from "$lib/utils/logger";
+
+  const log = createLogger("WatchedToggleButton");
 
   interface Props {
     /** Episode, season or series id. */
@@ -81,7 +84,7 @@
     } catch (e) {
       // Put the button back where it was — the change did not happen.
       optimistic = null;
-      console.error("Failed to change watched state:", e);
+      log.error("Failed to change watched state:", e);
     } finally {
       busy = false;
     }