🚀 feat: add speed-insights to measure web performance

Add `@vercel/speed-insights` package to measure web performance metrics and improve user experience. This package is added as a dependency in the `package.json` file and is imported and used in the `layout.tsx` file to track performance metrics.

This change allows us to monitor and optimize the performance of our web application.

Author: mangledbottles

apps/web/app/layout.tsx

@@ -11,6 +11,7 @@ import { PHProvider, PostHogPageview } from "./posthogProvider";
 import Script from "next/script";
 import { Metadata } from "next";
 import { TanQueryProvider } from "@/components/TanQueryProvider";
+import { SpeedInsights } from "@vercel/speed-insights/next";
 
 const inter = Inter({
   subsets: ["latin"],
@@ -77,6 +78,7 @@ export default function RootLayout({
             </ThemeProvider>
           </div>
           <Suspense>
+            <SpeedInsights />
             <AuthUser />
             <PostHogPageview />
           </Suspense>

apps/web/package.json

@@ -34,6 +34,7 @@
     "@types/react": "^18.2.24",
     "@types/react-dom": "^18.2.9",
     "@vercel/analytics": "^1.1.1",
+    "@vercel/speed-insights": "^1.0.10",
     "aos": "^3.0.0-beta.6",
     "canvas-confetti": "^1.9.2",
     "class-variance-authority": "^0.7.0",

apps/web/yarn.lock

@@ -1385,6 +1385,11 @@
   dependencies:
     server-only "^0.0.1"
 
+"@vercel/speed-insights@^1.0.10":
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/@vercel/speed-insights/-/speed-insights-1.0.10.tgz#2e2e6a16beff72cbb58fd59ea8deb18f7338a014"
+  integrity sha512-4uzdKB0RW6Ff2FkzshzjZ+RlJfLPxgm/00i0XXgxfMPhwnnsk92YgtqsxT9OcPLdJUyVU1DqFlSWWjIQMPkh0g==
+
 agent-base@6:
   version "6.0.2"
   resolved "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz"