style(frontend): Prettier config + one-time repo-wide format pass

Prettier 3 (pinned), printWidth 100, double quotes — chosen to match the existing
hand-formatting and minimise reflow. This commit is ONLY the mechanical format pass
(`prettier --write`) plus the config/ignore/scripts, isolated so it never pollutes a
feature diff. Verified behaviour-neutral: typecheck, eslint (0 errors), and vitest
all green before and after. See .git-blame-ignore-revs — `git blame` skips this sha.

frontend/src/components/SettingsPanel.tsx

@@ -193,7 +193,11 @@ function Appearance({ prefs }: { prefs: PrefsController }) {
           label={t("settings.appearance.performanceMode")}
           hint={t("settings.appearance.performanceModeHint")}
         >
-          <Switch label={t("settings.appearance.performanceMode")} checked={perf} onChange={setPerf} />
+          <Switch
+            label={t("settings.appearance.performanceMode")}
+            checked={perf}
+            onChange={setPerf}
+          />
         </SettingRow>
         <SettingRow
           label={t("settings.appearance.showHints")}
@@ -384,7 +388,10 @@ function SignInMethods({ me }: { me: Me }) {
       setNext("");
       // Refresh `me` so has_password flips and the section switches to "Change password".
       await qc.invalidateQueries({ queryKey: ["me"] });
-      notify({ level: "success", message: t("settings.account.password.saved", { email: me.email }) });
+      notify({
+        level: "success",
+        message: t("settings.account.password.saved", { email: me.email }),
+      });
     } catch (e: any) {
       setErr(e?.detail ?? t("settings.account.password.failed"));
     } finally {
@@ -516,7 +523,10 @@ function PlexWatchSync() {
     if (imp) {
       notify({
         level: "success",
-        message: t("settings.plexSync.imported", { watched: imp.watched, in_progress: imp.in_progress }),
+        message: t("settings.plexSync.imported", {
+          watched: imp.watched,
+          in_progress: imp.in_progress,
+        }),
       });
       // The browse grid's watch badges read plex_states — refresh them.
       qc.invalidateQueries({ queryKey: ["plex"] });
@@ -550,11 +560,7 @@ function PlexWatchSync() {
     <Section title={t("settings.plexSync.title")}>
       <p className="text-xs text-muted leading-relaxed mb-2">{t("settings.plexSync.intro")}</p>
       <SettingRow label={t("settings.plexSync.toggle")} hint={t("settings.plexSync.toggleHint")}>
-        <Switch
-          checked={shown}
-          disabled={busy}
-          onChange={(v) => !busy && toggle.mutate(v)}
-        />
+        <Switch checked={shown} disabled={busy} onChange={(v) => !busy && toggle.mutate(v)} />
       </SettingRow>
       {busy ? (
         <div className="mt-2 flex items-center gap-2 text-xs text-muted">
@@ -565,7 +571,9 @@ function PlexWatchSync() {
         enabled && (
           <div className="mt-2 flex items-center justify-between gap-3">
             <p className="text-xs text-muted">
-              {last ? t("settings.plexSync.lastSync", { when: last }) : t("settings.plexSync.never")}
+              {last
+                ? t("settings.plexSync.lastSync", { when: last })
+                : t("settings.plexSync.never")}
             </p>
             <button
               onClick={() => reimport.mutate()}
@@ -602,78 +610,77 @@ function Account({ me, onOpenWizard }: { me: Me; onOpenWizard: () => void }) {
   };
   return (
     <>
-    <Section title={t("settings.account.title")}>
-      <div className="flex items-center gap-3 mb-3">
-        <Avatar
-          src={me.avatar_url}
-          fallback={me.display_name ?? me.email}
-          className="w-12 h-12 rounded-full"
-        />
-        <div className="min-w-0">
-          <div className="font-semibold truncate">{me.display_name ?? me.email.split("@")[0]}</div>
-          <div className="text-xs text-muted truncate">{me.email}</div>
-          <div className="text-xs text-muted capitalize">{me.role}</div>
-        </div>
-      </div>
-    </Section>
-
-    {!me.is_demo && <SignInMethods me={me} />}
-
-    {me.role === "admin" && me.plex_enabled && <PlexWatchSync />}
-
-    {me.is_demo ? (
-      <Section title={t("settings.account.youtubeAccess")}>
-        <p className="text-xs text-muted leading-relaxed">
-          {t("settings.account.demoNotice")}
-        </p>
-      </Section>
-    ) : me.google_enabled ? (
-      // YouTube access requires Google OAuth; hidden when this instance has no Google configured.
-      <Section title={t("settings.account.youtubeAccess")}>
-        <p className="text-xs text-muted leading-relaxed mb-1">
-          {t("settings.account.youtubeAccessIntro")}
-        </p>
-        <div className="divide-y divide-border">
-          <AccessRow
-            title={t("settings.account.readTitle")}
-            granted={me.can_read}
-            grantedHint={t("settings.account.readGrantedHint")}
-            enableHint={t("settings.account.readEnableHint")}
-            onEnable={() => {
-              window.location.href = "/auth/upgrade?access=read";
-            }}
-          />
-          <AccessRow
-            title={t("settings.account.writeTitle")}
-            granted={me.can_write}
-            grantedHint={t("settings.account.writeGrantedHint")}
-            enableHint={t("settings.account.writeEnableHint")}
-            onEnable={() => {
-              window.location.href = "/auth/upgrade?access=write";
-            }}
+      <Section title={t("settings.account.title")}>
+        <div className="flex items-center gap-3 mb-3">
+          <Avatar
+            src={me.avatar_url}
+            fallback={me.display_name ?? me.email}
+            className="w-12 h-12 rounded-full"
           />
+          <div className="min-w-0">
+            <div className="font-semibold truncate">
+              {me.display_name ?? me.email.split("@")[0]}
+            </div>
+            <div className="text-xs text-muted truncate">{me.email}</div>
+            <div className="text-xs text-muted capitalize">{me.role}</div>
+          </div>
         </div>
-        <button
-          onClick={onOpenWizard}
-          className="mt-2 text-sm text-accent hover:underline"
-        >
-          {t("settings.account.walkMeThrough")}
-        </button>
       </Section>
-    ) : null}
 
-    {!me.is_demo && (
-      <Section title={t("settings.account.dangerZone")}>
-        <p className="text-xs text-muted leading-relaxed mb-2">{t("settings.account.deleteHint")}</p>
-        <button
-          onClick={onDeleteAccount}
-          className="inline-flex items-center gap-1.5 px-3 py-2 rounded-xl text-sm border border-red-500/40 text-red-400 hover:bg-red-500/10 transition"
-        >
-          <Trash2 className="w-4 h-4" />
-          {t("settings.account.deleteAccount")}
-        </button>
-      </Section>
-    )}
+      {!me.is_demo && <SignInMethods me={me} />}
+
+      {me.role === "admin" && me.plex_enabled && <PlexWatchSync />}
+
+      {me.is_demo ? (
+        <Section title={t("settings.account.youtubeAccess")}>
+          <p className="text-xs text-muted leading-relaxed">{t("settings.account.demoNotice")}</p>
+        </Section>
+      ) : me.google_enabled ? (
+        // YouTube access requires Google OAuth; hidden when this instance has no Google configured.
+        <Section title={t("settings.account.youtubeAccess")}>
+          <p className="text-xs text-muted leading-relaxed mb-1">
+            {t("settings.account.youtubeAccessIntro")}
+          </p>
+          <div className="divide-y divide-border">
+            <AccessRow
+              title={t("settings.account.readTitle")}
+              granted={me.can_read}
+              grantedHint={t("settings.account.readGrantedHint")}
+              enableHint={t("settings.account.readEnableHint")}
+              onEnable={() => {
+                window.location.href = "/auth/upgrade?access=read";
+              }}
+            />
+            <AccessRow
+              title={t("settings.account.writeTitle")}
+              granted={me.can_write}
+              grantedHint={t("settings.account.writeGrantedHint")}
+              enableHint={t("settings.account.writeEnableHint")}
+              onEnable={() => {
+                window.location.href = "/auth/upgrade?access=write";
+              }}
+            />
+          </div>
+          <button onClick={onOpenWizard} className="mt-2 text-sm text-accent hover:underline">
+            {t("settings.account.walkMeThrough")}
+          </button>
+        </Section>
+      ) : null}
+
+      {!me.is_demo && (
+        <Section title={t("settings.account.dangerZone")}>
+          <p className="text-xs text-muted leading-relaxed mb-2">
+            {t("settings.account.deleteHint")}
+          </p>
+          <button
+            onClick={onDeleteAccount}
+            className="inline-flex items-center gap-1.5 px-3 py-2 rounded-xl text-sm border border-red-500/40 text-red-400 hover:bg-red-500/10 transition"
+          >
+            <Trash2 className="w-4 h-4" />
+            {t("settings.account.deleteAccount")}
+          </button>
+        </Section>
+      )}
     </>
   );
 }