add speed insights (#102)

Co-authored-by: Ed <[email protected]>

Author: monash-coding

frontend/package-lock.json

@@ -16,6 +16,7 @@
     "@tabler/icons-react": "^3.30.0",
     "@tailwindcss/typography": "^0.5.16",
     "@vercel/analytics": "^1.5.0",
+    "@vercel/speed-insights": "^1.2.0",
     "dompurify": "^3.2.3",
     "isomorphic-dompurify": "^2.22.0",
     "jsdom": "^26.0.0",

frontend/package.json

@@ -3,6 +3,7 @@
 import "@mantine/core/styles.css";
 import "./globals.css";
 import { Analytics } from "@vercel/analytics/react";
+import { SpeedInsights } from "@vercel/speed-insights/next";
 
 import NavBar from "@/components/layout/nav-bar";
 import { MantineProvider } from "@mantine/core";
@@ -43,6 +44,7 @@ export default function RootLayout({ children }: PropsWithChildren) {
                 <main className="">
                   {children}
                   <Analytics />
+                  <SpeedInsights />
                 </main>
               </div>
             </FilterProvider>