feat(dashboard): add Google Analytics and Tag Manager tracking

Author: GenerQAQ

dashboard/app/layout.tsx

@@ -4,12 +4,10 @@ import { Geist, Geist_Mono, Outfit } from "next/font/google";
 import { ThemeProvider } from "@/components/theme-provider";
 import { TopNav } from "@/components/top-nav";
 import { NProgressProvider } from "@/components/nprogress";
-import {
-  getCurrentUserOptional,
-  getPrices,
-} from "@/lib/supabase";
+import { getCurrentUserOptional, getPrices } from "@/lib/supabase";
 import { Toaster } from "@/components/ui/sonner";
 import { ContentWrapper } from "@/components/content-wrapper";
+import { GoogleAnalytics, GoogleTagManager } from "@next/third-parties/google";
 
 import "./globals.css";
 
@@ -64,6 +62,8 @@ export default async function RootLayout({
         className={`${geistSans.variable} ${geistMono.variable} antialiased`}
         suppressHydrationWarning
       >
+        <GoogleTagManager gtmId="GTM-KQ7H272M" />
+        <GoogleAnalytics gaId="G-Y2R02LY9NV" />
         <Script
           id="theme-init"
           strategy="beforeInteractive"

dashboard/package.json

@@ -28,6 +28,7 @@
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
+    "@next/third-parties": "^16.2.1",
     "@opennextjs/cloudflare": "^1.17.3",
     "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-avatar": "^1.1.11",