fix: ui fixes

app/(app)/settings/page.tsx

@@ -30,8 +30,7 @@ import { AddEmailModal } from "@/components/auth/add-email-modal";
 import { ChangePasswordModal } from "@/components/auth/change-password-modal";
 import { ReadingSettings } from "@/components/reading-settings";
 import { PushToggle } from "@/components/push/push-toggle";
-import { ReminderToggle } from "@/components/sadhna/reminder-toggle";
-import { LikeEmailToggle } from "@/components/notifications/like-email-toggle";
+import { NotificationMatrix } from "@/components/notifications/notification-matrix";
 
 const BFF_BASE =
   process.env.NEXT_PUBLIC_BFF_URL || "http://localhost:8080";
@@ -61,11 +60,10 @@ export default function SettingsPage() {
 
       <Section
         title="Notifications"
-        description="Receive alerts on this device — even when the app is closed."
+        description="Choose what reaches you on each channel. Push goes to every device where you've turned it on."
       >
         <PushToggle />
-        <ReminderToggle />
-        <LikeEmailToggle />
+        <NotificationMatrix />
       </Section>
 
       <Section title="Authentication">

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} />
                 ))}