analytics: enable vercel web analytics and speed insights

Author: pavanpaik

web/package-lock.json

@@ -17,7 +17,9 @@
     "@prisma/adapter-neon": "^7.2.0",
     "@prisma/adapter-pg": "^7.2.0",
     "@prisma/client": "^7.2.0",
+    "@vercel/analytics": "^1.6.1",
     "@vercel/postgres": "^0.10.0",
+    "@vercel/speed-insights": "^1.3.1",
     "hls.js": "^1.6.15",
     "lucide-react": "^0.561.0",
     "next": "16.0.10",
@@ -40,4 +42,4 @@
     "tailwindcss": "^4",
     "typescript": "^5"
   }
-}
+}

web/package.json

@@ -4,6 +4,8 @@ import Layout from "@/components/layout/Layout";
 import { LanguageProvider } from "@/context/LanguageContext";
 import "./globals.css";
 import UpdateDetector from "@/components/common/UpdateDetector";
+import { Analytics } from "@vercel/analytics/react";
+import { SpeedInsights } from "@vercel/speed-insights/next";
 
 const geistSans = Geist({
   variable: "--font-geist-sans",
@@ -111,6 +113,8 @@ export default function RootLayout({
               {children}
             </Layout>
             <UpdateDetector />
+            <Analytics />
+            <SpeedInsights />
           </LanguageProvider>
         </body>
       </html>