feat: auth user feedbacks

app/(app)/(reader)/books/bg/[chapter]/[verse]/page.tsx

@@ -4,7 +4,7 @@ import { PageHeader } from "@/components/layout/page-header";
 import { FindInPage } from "@/components/layout/find-in-page";
 import { notFound } from "next/navigation";
 import { getBookMeta, getSingleVerse, getChapterVerseIndex } from "@/lib/api";
-import { ChapterViewer } from "@/app/(app)/books/chapter-viewer";
+import { ChapterViewer } from "@/app/(app)/(reader)/books/chapter-viewer";
 import type { MobileNavGroup } from "@/components/layout/mobile-nav";
 import { ogForVerse, extractQuoteFromHl, buildOgMeta } from "@/lib/og";
 

app/(app)/(reader)/books/books-grid.tsx

@@ -72,11 +72,16 @@ export function BooksGrid({ books }: { books: BookInfo[] }) {
   );
 
   const filtered = useMemo(() => {
-    if (!query.trim()) return books;
-    const q = normalize(query.trim());
-    return normalizedBooks
-      .filter((entry) => entry.searchText.includes(q))
-      .map((entry) => entry.book);
+    const base = query.trim()
+      ? normalizedBooks
+          .filter((entry) =>
+            entry.searchText.includes(normalize(query.trim())),
+          )
+          .map((entry) => entry.book)
+      : books;
+    return [...base].sort((a, b) =>
+      normalize(a.title).localeCompare(normalize(b.title)),
+    );
   }, [books, normalizedBooks, query]);
 
   return (

app/(app)/(reader)/books/bs/[chapter]/[verse]/page.tsx

@@ -12,7 +12,7 @@ import {
   type VerseIndexEntry,
   type VerseRecord,
 } from "@/lib/api";
-import { ChapterViewer } from "@/app/(app)/books/chapter-viewer";
+import { ChapterViewer } from "@/app/(app)/(reader)/books/chapter-viewer";
 import type { MobileNavGroup } from "@/components/layout/mobile-nav";
 import { ogForVerse, extractQuoteFromHl, buildOgMeta } from "@/lib/og";
 

app/(app)/(reader)/books/cc/[lila]/[chapter]/[verse]/page.tsx

@@ -6,7 +6,7 @@ import { PageHeader } from "@/components/layout/page-header";
 import { FindInPage } from "@/components/layout/find-in-page";
 import { notFound } from "next/navigation";
 import { getBookMeta, getSingleVerse, getChapterVerseIndex } from "@/lib/api";
-import { ChapterViewer } from "@/app/(app)/books/chapter-viewer";
+import { ChapterViewer } from "@/app/(app)/(reader)/books/chapter-viewer";
 import type { MobileNavGroup } from "@/components/layout/mobile-nav";
 import { ogForVerse, extractQuoteFromHl, buildOgMeta } from "@/lib/og";
 

app/(app)/(reader)/books/chapter-viewer.tsx

@@ -219,9 +219,17 @@ function VerseCard({
               Purport
             </h3>
             <div className="text-base text-foreground leading-relaxed space-y-3">
-              {verse.purport.map((p, i) => (
+              {verse.purport.map((p, i) =>
+                // Cited ślokas come wrapped in <blockquote class="shloka"> — a
+                // block element that can't live inside a <p>, so render those
+                // in a <div> (styled centered + accent via globals.css); plain
+                // prose paragraphs stay as <p>.
+                /^\s*<blockquote/i.test(p) ? (
+                  <div key={i} dangerouslySetInnerHTML={{ __html: p }} />
+                ) : (
                   <p key={i} dangerouslySetInnerHTML={{ __html: p }} />
-              ))}
+                ),
+              )}
             </div>
           </div>
         )}

app/(app)/(reader)/books/mm/[chapter]/[verse]/page.tsx

@@ -11,7 +11,7 @@ import {
   type VerseIndexEntry,
   type VerseRecord,
 } from "@/lib/api";
-import { ChapterViewer } from "@/app/(app)/books/chapter-viewer";
+import { ChapterViewer } from "@/app/(app)/(reader)/books/chapter-viewer";
 import type { MobileNavGroup } from "@/components/layout/mobile-nav";
 import type { Metadata } from "next";
 import { ogForVerse, extractQuoteFromHl, buildOgMeta } from "@/lib/og";

app/(app)/(reader)/books/nbs/[chapter]/[verse]/page.tsx

@@ -15,7 +15,7 @@ import {
   type VerseRecord,
 } from "@/lib/api";
 import { ogForVerse, extractQuoteFromHl, buildOgMeta } from "@/lib/og";
-import { ChapterViewer } from "@/app/(app)/books/chapter-viewer";
+import { ChapterViewer } from "@/app/(app)/(reader)/books/chapter-viewer";
 import type { MobileNavGroup } from "@/components/layout/mobile-nav";
 
 type NbsMeta = {

app/(app)/(reader)/books/sb/[canto]/[chapter]/[verse]/page.tsx

@@ -6,7 +6,7 @@ import { PageHeader } from "@/components/layout/page-header";
 import { FindInPage } from "@/components/layout/find-in-page";
 import { notFound } from "next/navigation";
 import { getBookMeta, getSingleVerse, getChapterVerseIndex } from "@/lib/api";
-import { ChapterViewer } from "@/app/(app)/books/chapter-viewer";
+import { ChapterViewer } from "@/app/(app)/(reader)/books/chapter-viewer";
 import type { MobileNavGroup } from "@/components/layout/mobile-nav";
 import { ogForVerse, extractQuoteFromHl, buildOgMeta } from "@/lib/og";
 

app/(app)/(reader)/books/sb1962/[chapter]/[verse]/page.tsx

@@ -4,7 +4,7 @@ import { PageHeader } from "@/components/layout/page-header";
 import { FindInPage } from "@/components/layout/find-in-page";
 import { notFound } from "next/navigation";
 import { getBookMeta, getSingleVerse, getChapterVerseIndex } from "@/lib/api";
-import { ChapterViewer } from "@/app/(app)/books/chapter-viewer";
+import { ChapterViewer } from "@/app/(app)/(reader)/books/chapter-viewer";
 import type { MobileNavGroup } from "@/components/layout/mobile-nav";
 import { ogForVerse, extractQuoteFromHl, buildOgMeta } from "@/lib/og";
 

app/(app)/(reader)/layout.tsx

@@ -0,0 +1,37 @@
+import { Suspense } from "react";
+import { TextSelectionToolbar } from "@/components/text-selection-toolbar";
+import { TextHighlighter } from "@/components/text-highlighter";
+import { PageBookmarks } from "@/components/social/page-bookmarks";
+
+/**
+ * Reader layout — the annotation surface for the actual scripture library
+ * (books, letters, lectures, essays, glossary, journals, magazines, other
+ * documents, disciples).
+ *
+ * The text-selection toolbar and its two companions (the `?hl=` highlighter
+ * and the persistent in-text bookmark marks) only make sense over long-form
+ * scripture prose. Mounting them in this nested route group — rather than the
+ * parent `(app)` layout — keeps them off the home feed, search, profiles,
+ * settings, downloads, Kautilya, etc., so a stray text selection on chrome
+ * text no longer pops the toolbar.
+ *
+ * This is a route group: it adds NO path segment, so every URL underneath is
+ * unchanged (`/books/...`, `/letters/...`, …). All the outer `(app)` chrome
+ * (header, sidebar, footer, bottom nav) still wraps these pages.
+ */
+export default function ReaderLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <>
+      {children}
+      <TextSelectionToolbar />
+      <Suspense fallback={null}>
+        <TextHighlighter />
+      </Suspense>
+      <PageBookmarks />
+    </>
+  );
+}