feat: add mobile sidebar

app/books/sb/[canto]/[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 ChapterInfo = {
   number: number;
@@ -48,6 +49,20 @@ export default async function SbVersePage({
   );
   if (!verseData) notFound();
 
+  const mobileNavGroups: MobileNavGroup[] = [
+    {
+      title: "Verses",
+      items: verseIndex.map((v) => ({
+        slug: String(v.verse),
+        label: v.verseEnd
+          ? `Texts ${v.verse}–${v.verseEnd}`
+          : `Text ${v.verse}`,
+        href: `/books/sb/${canto}/${chapter}/${v.verse}`,
+        type: "verse",
+      })),
+    },
+  ];
+
   return (
     <div className="min-h-screen bg-background">
       <PageHeader sticky wide>
@@ -76,6 +91,8 @@ export default async function SbVersePage({
           chapter={parseInt(chapter)}
           showBengali={false}
           basePath={`/books/sb/${canto}/${chapter}`}
+          mobileNavGroups={mobileNavGroups}
+          mobileNavBookTitle={`SB ${canto}.${chapter}`}
         />
       </div>
     </div>