hotfix: added Vercel Analytics

apps/docs/package.json

@@ -24,6 +24,7 @@
     "@types/react": "^18.3.2",
     "@types/react-dom": "^18.3.0",
     "@types/react-highlight-words": "^0.16.7",
+    "@vercel/analytics": "^1.3.1",
     "autoprefixer": "^10.4.19",
     "clsx": "^2.1.1",
     "fast-glob": "^3.3.2",

apps/docs/src/app/layout.tsx

@@ -3,6 +3,7 @@ import {Inter} from 'next/font/google';
 import localFont from 'next/font/local';
 import {cookies} from 'next/headers';
 import clsx from 'clsx';
+import {Analytics} from '@vercel/analytics/react';
 
 import {Providers} from '@/app/providers';
 import {Layout} from '@/components/Layout';
@@ -49,6 +50,7 @@ export default function RootLayout({children}: {children: React.ReactNode}) {
         <Providers>
           <Layout>{children}</Layout>
         </Providers>
+        <Analytics />
       </body>
     </html>
   );

apps/www/package.json

@@ -17,6 +17,7 @@
     "@elwood/react": "workspace:*",
     "@elwood/ui": "workspace:*",
     "@supabase/ssr": "^0.3.0",
+    "@vercel/analytics": "^1.3.1",
     "autoprefixer": "^10.4.19",
     "clsx": "^2.1.1",
     "geist": "^1.3.0",

apps/www/src/app/layout.tsx

@@ -2,6 +2,7 @@ import type {PropsWithChildren} from 'react';
 import {type Metadata} from 'next';
 import {cookies} from 'next/headers';
 import {ElwoodThemeProvider} from '@elwood/ui';
+import {Analytics} from '@vercel/analytics/react';
 
 import './global.css';
 import '@elwood/ui/style.css';
@@ -22,6 +23,7 @@ export default function RootLayout(props: PropsWithChildren): JSX.Element {
         data-color-mode={themeClassName}
         data-color-server-theme={theme}>
         <ElwoodThemeProvider>{props.children}</ElwoodThemeProvider>
+        <Analytics />
       </body>
     </html>
   );