Add Google Tag Manager, GA4 and the Search Console verification tag

src/app/[lang]/layout.tsx

@@ -4,6 +4,7 @@ import { Inter, Noto_Sans_Arabic } from "next/font/google";
 import "../globals.css";
 import SiteHeader from "@/components/site-header";
 import SiteFooter from "@/components/site-footer";
+import Analytics, { AnalyticsNoScript } from "@/components/analytics";
 import { dirOf, locales, localize, ogLocale } from "@/i18n/config";
 import { mainNav } from "@/i18n/nav";
 import { getUI } from "@/i18n/server";
@@ -35,6 +36,8 @@ export async function generateMetadata(): Promise<Metadata> {
     title: { default: t.meta.title, template: "%s" },
     description: t.meta.description,
     alternates: localeAlternates("/", locale),
+    // Google Search Console ownership.
+    verification: { google: "LnRawiMDpDtTVBC2X34We70f8OHBLMVC6e9IWoHCZLs" },
     openGraph: {
       type: "website",
       url: localize("/", locale),
@@ -70,6 +73,7 @@ export default async function RootLayout({ children }: LayoutProps<"/[lang]">) {
       data-scroll-behavior="smooth"
     >
       <body>
+        <AnalyticsNoScript />
         <a href="#main" className="skip-link">
           {t.skip}
         </a>
@@ -79,6 +83,7 @@ export default async function RootLayout({ children }: LayoutProps<"/[lang]">) {
         </Suspense>
         <main id="main">{children}</main>
         <SiteFooter />
+        <Analytics />
       </body>
     </html>
   );