move to captions view

src/assets/locales/en.json

@@ -764,6 +764,7 @@
         "SourceChoice": "Source Subtitles",
         "OpenSubtitlesChoice": "External Subtitles",
         "loadingExternal": "Loading external subtitles...",
+        "transcriptChoice": "Transcript",
         "settings": {
           "backlink": "Custom subtitles",
           "delay": "Subtitle delay",

src/components/player/atoms/settings/CaptionsView.tsx

@@ -541,6 +541,12 @@ export function CaptionsView({
             selected={selectedCaptionId === "pasted-caption"}
           />
 
+          {selectedCaptionId && (
+            <Menu.ChevronLink onClick={() => router.navigate("/transcript")}>
+              {t("player.menus.subtitles.transcriptChoice")}
+            </Menu.ChevronLink>
+          )}
+
           <div className="h-1" />
 
           {/* Search input */}

src/components/player/atoms/settings/SettingsMenu.tsx

@@ -151,9 +151,6 @@ export function SettingsMenu({ id }: { id: string }) {
         <Menu.ChevronLink onClick={() => router.navigate("/playback")}>
           {t("player.menus.settings.playbackItem")}
         </Menu.ChevronLink>
-        <Menu.ChevronLink onClick={() => router.navigate("/transcript")}>
-          Transcript
-        </Menu.ChevronLink>
       </Menu.Section>
     </Menu.Card>
   );

src/components/player/atoms/settings/TranscriptView.tsx

@@ -1,5 +1,6 @@
 import Fuse from "fuse.js";
 import { useEffect, useMemo, useState } from "react";
+import { useTranslation } from "react-i18next";
 
 import { Menu } from "@/components/player/internals/ContextMenu";
 import { Input } from "@/components/player/internals/ContextMenu/Input";
@@ -18,6 +19,7 @@ import { durationExceedsHour, formatSeconds } from "@/utils/formatSeconds";
 import { wordOverrides } from "../../Player";
 
 export function TranscriptView({ id }: { id: string }) {
+  const { t } = useTranslation();
   const router = useOverlayRouter(id);
   const display = usePlayerStore((s) => s.display);
   const srtData = usePlayerStore((s) => s.caption.selected?.srtData);
@@ -171,11 +173,11 @@ export function TranscriptView({ id }: { id: string }) {
     };
 
     if (!didFirstScroll) {
-      const t = setTimeout(() => {
+      const timeout = setTimeout(() => {
         doScroll();
         setDidFirstScroll(true);
       }, 100);
-      return () => clearTimeout(t);
+      return () => clearTimeout(timeout);
     }
     doScroll();
   }, [scrollTargetKey, didFirstScroll]);
@@ -186,8 +188,8 @@ export function TranscriptView({ id }: { id: string }) {
 
   return (
     <>
-      <Menu.BackLink onClick={() => router.navigate("/")}>
+      <Menu.BackLink onClick={() => router.navigate("/captions")}>
-        Transcript
+        {t("player.menus.subtitles.transcriptChoice")}
       </Menu.BackLink>
       <Menu.Section>
         <div className="sticky top-0 z-10 -mx-3 px-3 py-2 mb-2">