Add Vercel Speed Insights integration

Author: huzaifakarim1

app/layout.tsx

@@ -1,5 +1,6 @@
 import type { Metadata } from "next";
 import { ClerkProvider } from "@clerk/nextjs";
+import { SpeedInsights } from "@vercel/speed-insights/next";
 import "./globals.css";
 import Navbar from "@/components/Navbar";
 import Footer from "@/components/Footer";
@@ -27,6 +28,7 @@ export default function RootLayout({
           <Navbar />
           {children}
           <Footer />
+          <SpeedInsights />
         </ClerkProvider>
       </body>
     </html>

package-lock.json

@@ -19,6 +19,7 @@
     "@sentry/nextjs": "^10.11.0",
     "@supabase/supabase-js": "^2.57.4",
     "@vapi-ai/web": "^2.3.10",
+    "@vercel/speed-insights": "^1.2.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lottie-react": "^2.4.1",