chore: add vercel analytics

package-lock.json

@@ -20,6 +20,7 @@
         "@types/react": "18.2.21",
         "@types/react-dom": "18.2.7",
         "@types/react-syntax-highlighter": "^15.5.7",
+        "@vercel/analytics": "^1.0.2",
         "autoprefixer": "10.4.15",
         "codemirror": "^6.0.1",
         "convex": "^1.2.1",
@@ -1658,6 +1659,11 @@
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
+    "node_modules/@vercel/analytics": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@vercel/analytics/-/analytics-1.0.2.tgz",
+      "integrity": "sha512-BZFxVrv24VbNNl5xMxqUojQIegEeXMI6rX3rg1uVLYUEXsuKNBSAEQf4BWEcjQDp/8aYJOj6m8V4PUA3x/cxgg=="
+    },
     "node_modules/acorn": {
       "version": "8.10.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz",

package.json

@@ -21,6 +21,7 @@
     "@types/react": "18.2.21",
     "@types/react-dom": "18.2.7",
     "@types/react-syntax-highlighter": "^15.5.7",
+    "@vercel/analytics": "^1.0.2",
     "autoprefixer": "10.4.15",
     "codemirror": "^6.0.1",
     "convex": "^1.2.1",

src/app/layout.tsx

@@ -2,6 +2,7 @@ import Footer from '@/components/Footer';
 import Navbar from '@/components/Navbar';
 import { ConvexProvider, NextThemesProvider } from '@/providers';
 import { ClerkProvider } from '@clerk/nextjs';
+import { Analytics } from '@vercel/analytics/react';
 import type { Metadata } from 'next';
 import { Inter } from 'next/font/google';
 import NextTopLoader from 'nextjs-toploader';
@@ -38,6 +39,7 @@ export default function RootLayout({
             </NextThemesProvider>
           </ConvexProvider>
         </ClerkProvider>
+        <Analytics />
       </body>
     </html>
   );