feat: refine letters UI

components/page-header.tsx

@@ -4,12 +4,10 @@ import { cn } from "@/lib/utils";
 export function PageHeader({
   children,
   sticky = false,
-  wide = false,
   className,
 }: {
   children: React.ReactNode;
   sticky?: boolean;
-  wide?: boolean;
   className?: string;
 }) {
   return (
@@ -20,12 +18,7 @@ export function PageHeader({
         className,
       )}
     >
-      <div
-        className={cn(
-          "mx-auto flex items-start justify-between gap-4",
-          wide ? "max-w-7xl" : "max-w-3xl",
-        )}
-      >
+      <div className="max-w-5xl mx-auto flex items-start justify-between gap-4">
         <div className="flex-1 min-w-0">{children}</div>
         <div className="shrink-0 pt-1">
           <ReadingSettings />

components/site-footer.tsx

@@ -3,12 +3,10 @@ import Link from "next/link";
 export function SiteFooter() {
   return (
     <footer className="border-t border-border bg-card mt-auto">
-      <div className="max-w-6xl mx-auto px-6 py-6 flex flex-col sm:flex-row items-center justify-between gap-4 text-sm text-muted-foreground">
+      <div className="max-w-5xl mx-auto px-6 py-6 flex flex-col sm:flex-row items-center justify-between gap-4 text-sm text-muted-foreground">
         <p>
           &copy; {new Date().getFullYear()}{" "}
-          <span className="font-medium text-foreground">
-            Prabhupāda Says
-          </span>
+          <span className="font-medium text-foreground">Prabhupāda Says</span>
         </p>
 
         <nav className="flex items-center gap-6">
@@ -18,10 +16,7 @@ export function SiteFooter() {
           >
             About
           </Link>
-          <Link
-            href="/"
-            className="hover:text-foreground transition-colors"
-          >
+          <Link href="/" className="hover:text-foreground transition-colors">
             Home
           </Link>
         </nav>