feat: google analytics

app/[locale]/layout.tsx

@@ -2,13 +2,12 @@ import type { Metadata } from "next";
 import { config } from '@fortawesome/fontawesome-svg-core'
 import { NextIntlClientProvider, useMessages } from "next-intl";
 import { getTranslations } from "next-intl/server";
-
+import { GoogleAnalytics } from '@next/third-parties/google'
 import '@fortawesome/fontawesome-svg-core/styles.css'
 import "../globals.css";
 import { headFontClass } from "../fonts";
 import languages from "../../languages.json";
 import { FlashProvider } from "../flash";
-import Script from "next/script";
 import ChatBubble from "./ChatBubble";
 
 export async function generateMetadata(): Promise<Metadata> {
@@ -51,6 +50,7 @@ export default function RootLayout({
             </FlashProvider>
         </NextIntlClientProvider>
         <ChatBubble placement={language.dir === 'rtl' ? 'bl' : 'br'} />
+        <GoogleAnalytics gaId="G-0SEF50D4GK" />
       </body>
     </html>
   );

package.json

@@ -13,6 +13,7 @@
     "@google-cloud/translate": "8.5.0",
     "@gracious.tech/fetch-client": "0.8.9",
     "@next/env": "14.2.12",
+    "@next/third-parties": "^15.0.3",
     "aws-lambda": "^1.0.7",
     "fuzzysort": "3.0.2",
     "install": "0.13.0",