feat: analytics

Author: coderz-w

package.json

@@ -25,6 +25,7 @@
     "@types/chroma-js": "^2.4.4",
     "@types/pngjs": "^6.0.5",
     "@types/prettier": "^3.0.0",
+    "@vercel/analytics": "^1.3.2",
     "chroma-js": "^3.1.2",
     "clsx": "^2.1.1",
     "colorjs.io": "^0.5.2",

pnpm-lock.yaml

@@ -3,6 +3,7 @@
 import { PropsWithChildren } from 'react';
 import { ThemeProvider } from 'next-themes';
 import { LazyMotion } from 'framer-motion';
+import { Analytics } from '@vercel/analytics/react';
 
 import ProviderComposer from '@/components/modules/shared/ProviderComposer';
 
@@ -11,6 +12,7 @@ const loadFeatures = () => import('./framer-lazy-feature').then((res) => res.def
 const webAppContexts: JSX.Element[] = [
   <ThemeProvider children key="themeProvider" />,
   <LazyMotion features={loadFeatures} strict key="framer" />,
+  <Analytics />,
 ];
 
 export default function WebAppProviders({ children }: PropsWithChildren) {