feat: add mobile sidebar

app/books/sb1962/[chapter]/[verse]/page.tsx

@@ -3,6 +3,7 @@ import { PageHeader } from "@/components/page-header";
 import { notFound } from "next/navigation";
 import { getBookMeta, getSingleVerse, getChapterVerseIndex } from "@/lib/api";
 import { ChapterViewer } from "@/app/books/chapter-viewer";
+import type { MobileNavGroup } from "@/components/mobile-nav";
 
 type Sb1962Meta = {
   book: string;
@@ -46,6 +47,23 @@ export default async function VersePage({
   );
   if (!verse) notFound();
 
+  const mobileNavGroups: MobileNavGroup[] = [
+    {
+      title: "Verses",
+      items: verseIndex.map((v) => {
+        const label = v.verseEnd
+          ? `Verses ${v.verse}–${v.verseEnd}`
+          : `Verse ${v.verse}`;
+        return {
+          slug: String(v.verse),
+          label,
+          href: `/books/sb1962/${chapter}/${v.verse}`,
+          type: "verse",
+        };
+      }),
+    },
+  ];
+
   return (
     <div className="min-h-screen bg-background">
       <PageHeader sticky wide>
@@ -74,6 +92,8 @@ export default async function VersePage({
           chapter={parseInt(chapter)}
           basePath={`/books/sb1962/${chapter}`}
           showBengali={false}
+          mobileNavGroups={mobileNavGroups}
+          mobileNavBookTitle={`Śrīmad-Bhāgavatam (1962) — Ch. ${chapter}`}
         />
       </div>
     </div>