fix: ui fixes

app/(app)/transcriptions/[slug]/page.tsx

@@ -15,6 +15,7 @@ import { buttonVariants } from "@/components/ui/button";
 import { cn } from "@/lib/utils";
 import { ChevronLeft, ChevronRight, Clock, MapPin, Users } from "lucide-react";
 import { PlayAudioButton } from "./play-audio-button";
+import { FindInPage } from "@/components/find-in-page";
 
 export async function generateMetadata({
   params,
@@ -88,7 +89,12 @@ export default async function TranscriptionPage({
         >
           ← {backLabel}
         </Link>
-        <h1 className="mt-3 text-2xl font-bold text-foreground">{t.name}</h1>
+        <div className="mt-3 flex items-start justify-between gap-3">
+          <h1 className="text-2xl font-bold text-foreground">{t.name}</h1>
+          {t.content.length > 0 && (
+            <FindInPage targetId="transcript-content" className="shrink-0 mt-0.5" />
+          )}
+        </div>
         <div className="mt-2 flex items-center gap-3 flex-wrap text-sm text-muted-foreground">
           <Badge variant={t.type === "lecture" ? "default" : "secondary"}>
             {t.type === "lecture" ? "Lecture" : "Conversation"}
@@ -168,7 +174,8 @@ export default async function TranscriptionPage({
         ) : (
           <Card>
             <CardContent className="py-8 px-6 sm:px-8">
-              <div className="space-y-3">
+              {/* id targeted by the header's FindInPage control */}
+              <div id="transcript-content" className="space-y-3">
                 {t.content.map((block, i) => (
                   <ContentBlockView key={i} block={block} />
                 ))}