chore: refactor settings route

app/(app)/layout.tsx

@@ -1,12 +1,8 @@
-import { Suspense } from "react";
 import { SiteHeader } from "@/components/layout/site-header";
 import { SiteSidebar } from "@/components/layout/site-sidebar";
 import { SiteBottomNav } from "@/components/layout/site-bottom-nav";
 import { SiteFooter } from "@/components/layout/site-footer";
 import { VerifyEmailBanner } from "@/components/auth/verify-email-banner";
-import { TextSelectionToolbar } from "@/components/text-selection-toolbar";
-import { TextHighlighter } from "@/components/text-highlighter";
-import { PageBookmarks } from "@/components/social/page-bookmarks";
 import { PushPrompt } from "@/components/push/push-prompt";
 
 /**
@@ -17,6 +13,11 @@ import { PushPrompt } from "@/components/push/push-prompt";
  * Sibling groups (e.g. `(legal)/`) opt out of this chrome by living in their
  * own route group with their own layout. Everything in the root layout
  * (providers, fonts, toaster, floating audio player) still wraps this layer.
+ *
+ * The text-selection toolbar and its highlight/bookmark companions live in
+ * the nested `(reader)/` group instead of here, so they only mount over the
+ * scripture library and never fire on chrome text (home, search, profile,
+ * settings, …).
  */
 export default function AppLayout({
   children,
@@ -33,11 +34,6 @@ export default function AppLayout({
         <SiteFooter />
       </div>
       <SiteBottomNav />
-      <TextSelectionToolbar />
-      <Suspense fallback={null}>
-        <TextHighlighter />
-      </Suspense>
-      <PageBookmarks />
       <PushPrompt />
     </>
   );