Improve accessibility and polish page styling

app/layout.tsx

@@ -44,16 +44,17 @@ export default async function RootLayout({
 }: {
   children: React.ReactNode;
 }) {
-  const [{ locale, preference, detectedLocale }, settings] = await Promise.all([
-    getI18n(),
-    initialSiteSettings(),
-  ]);
+  const [{ locale, preference, detectedLocale, t }, settings] =
+    await Promise.all([getI18n(), initialSiteSettings()]);
   return (
     <html lang={locale} data-theme="dark" suppressHydrationWarning>
       <head>
         <script dangerouslySetInnerHTML={{ __html: themeInitScript }} />
       </head>
       <body>
+        <a className="skip-link" href="#main-content">
+          {t("Skip to content")}
+        </a>
         <I18nProvider
           locale={locale}
           preference={preference}