add openpanel/nextjs to public

apps/public/package.json

@@ -13,6 +13,7 @@
   },
   "dependencies": {
     "@openpanel/db": "workspace:*",
+    "@openpanel/nextjs": "0.0.6-beta",
     "@radix-ui/react-alert-dialog": "^1.0.5",
     "@radix-ui/react-aspect-ratio": "^1.0.3",
     "@radix-ui/react-avatar": "^1.0.4",

apps/public/src/app/layout.tsx

@@ -1,14 +1,14 @@
 import { cn } from '@/utils/cn';
-
-import '@/styles/globals.css';
-
 import type { Metadata } from 'next';
 import { Bricolage_Grotesque } from 'next/font/google';
-import Script from 'next/script';
+
+import { OpenpanelProvider } from '@openpanel/nextjs';
 
 import Footer from './footer';
 import { defaultMeta } from './meta';
 
+import '@/styles/globals.css';
+
 export const metadata: Metadata = {
   ...defaultMeta,
   alternates: {
@@ -38,7 +38,12 @@ export default function RootLayout({
         {children}
         <Footer />
       </body>
-      {/* 301c6dc1-424c-4bc3-9886-a8beab09b615 */}
+      <OpenpanelProvider
+        clientId="301c6dc1-424c-4bc3-9886-a8beab09b615"
+        trackAttributes
+        trackScreenViews
+        trackOutgoingLinks
+      />
     </html>
   );
 }