feat: finish CMS-driven SEO and accessibility pass

src/app/layout.tsx

@@ -51,12 +51,20 @@ export default async function RootLayout({
     <html lang="fa" dir="rtl" suppressHydrationWarning>
       <body className={`${vazirmatn.variable} font-sans antialiased`}>
         <Providers>
+          <a
+            href="#main-content"
+            className="sr-only focus:not-sr-only focus:absolute focus:right-4 focus:top-4 focus:z-[100] focus:rounded-lg focus:bg-background focus:px-4 focus:py-3 focus:font-semibold focus:text-foreground focus:shadow-lg focus:outline-none focus:ring-2 focus:ring-ring"
+          >
+            رفتن به محتوای اصلی
+          </a>
           <Suspense fallback={null}>
             <RouteProgress />
           </Suspense>
           <Navbar siteContent={siteContent} />
           <div className="min-h-screen pb-28 md:pb-0">
-            {children}
+            <div id="main-content" tabIndex={-1} className="outline-none">
+              {children}
+            </div>
             <Footer siteContent={siteContent} />
           </div>
           <MobileBottomNav siteContent={siteContent} />