chore: add vercel analytics

app/layout.tsx

@@ -4,6 +4,7 @@ import { ThemeProvider } from '@components/ThemeProvider';
 import type { Metadata } from 'next';
 import Header from '@components/Header';
 import { StateProvider } from '@contexts/state/StateProvider';
+import { Analytics } from "@vercel/analytics/next"
 
 const inter = Inter({ subsets: ['latin'] });
 
@@ -40,6 +41,7 @@ export default function RootLayout({
           </StateProvider>
         </ThemeProvider>
       </body>
+      <Analytics/>
     </html>
   );
 }

package.json

@@ -21,6 +21,7 @@
     "@radix-ui/react-tabs": "^1.1.2",
     "@radix-ui/react-toggle": "^1.1.1",
     "@upstash/redis": "^1.34.3",
+    "@vercel/analytics": "^1.5.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lodash": "^4.17.21",

yarn.lock

@@ -892,6 +892,11 @@
   dependencies:
     crypto-js "^4.2.0"
 
+"@vercel/analytics@^1.5.0":
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/@vercel/analytics/-/analytics-1.5.0.tgz#073f93694897414b21a8495e2619bbf64447dcaa"
+  integrity sha512-MYsBzfPki4gthY5HnYN7jgInhAZ7Ac1cYDoRWFomwGHWEX7odTEzbtg9kf/QSo7XEsEAqlQugA6gJ2WS2DEa3g==
+
 acorn-jsx@^5.3.2:
   version "5.3.2"
   resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"