feat: add accessibility features to UI

components/page-header.tsx

@@ -1,4 +1,4 @@
-import { ThemeToggle } from "@/components/theme-toggle";
+import { ReadingSettings } from "@/components/reading-settings";
 import { cn } from "@/lib/utils";
 
 export function PageHeader({
@@ -16,7 +16,7 @@ export function PageHeader({
     <header
       className={cn(
         "border-b border-border bg-card px-6",
-        sticky ? "py-6 sticky top-0 z-20" : "py-8",
+        sticky ? "py-4 sticky top-0 z-20" : "py-4",
         className,
       )}
     >
@@ -28,7 +28,7 @@ export function PageHeader({
       >
         <div className="flex-1 min-w-0">{children}</div>
         <div className="shrink-0 pt-1">
-          <ThemeToggle />
+          <ReadingSettings />
         </div>
       </div>
     </header>