Add Vercel Speed Insights to Next.js (#60)

## Vercel Speed Insights Implementation

Successfully installed and configured Vercel Speed Insights for this Next.js project.

### Changes Made:

1. **Installed Package**
   - Added `@vercel/speed-insights` version 1.3.1 to dependencies
   - Updated package.json and package-lock.json

2. **Modified Files**
   - **pages/_app.js**: Added SpeedInsights component integration
     - Imported `SpeedInsights` from '@vercel/speed-insights/next'
     - Added `<SpeedInsights />` component inside the ThemeProvider, after the Layout component
     - This ensures Speed Insights tracks all pages in the application

3. **Project Context**
   - This is a Next.js 16.1.6 project using the Pages Router
   - The implementation follows the recommended pattern for Pages Router applications
   - The SpeedInsights component is placed at the app level to track all routes

### Implementation Details:

The SpeedInsights component was added to the root `_app.js` file, which ensures it's included on every page of the application. The component is self-contained and will automatically:
- Collect real user performance metrics
- Send data to Vercel's Speed Insights dashboard
- Track Core Web Vitals (LCP, FID, CLS, FCP, TTFB, INP)

### Verification:

- ✅ Build completed successfully with no errors
- ✅ All dependencies installed correctly
- ✅ Lock file (package-lock.json) updated
- ✅ Code follows existing project patterns and conventions
- ✅ Component properly placed within the React component tree

The Speed Insights integration is now complete and will begin collecting metrics once deployed to Vercel.

Co-authored-by: Vercel <vercel[bot]@users.noreply.github.com>

Author: vercel[bot]

next-env.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import "./.next/dev/types/routes.d.ts";
+import "./.next/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/pages/api-reference/config/typescript for more information.

package-lock.json

@@ -16,6 +16,7 @@
     "@microlink/mql": "^0.14.0",
     "@mui/icons-material": "^7.3.7",
     "@mui/material": "^7.3.7",
+    "@vercel/speed-insights": "^1.3.1",
     "moment": "^2.29.4",
     "next": "16.1.6",
     "prop-types": "^15.7.2",

package.json

@@ -5,6 +5,7 @@ import '../styles/app.css'
 import {useEffect} from "react";
 import { ThemeProvider } from '@mui/material/styles';
 import theme from '../utils/theme';
+import { SpeedInsights } from '@vercel/speed-insights/next';
 
 export default function MyApp(props) {
     const { Component, pageProps } = props;
@@ -34,6 +35,7 @@ export default function MyApp(props) {
             <Layout>
                 <Component {...pageProps} />
             </Layout>
+            <SpeedInsights />
         </ThemeProvider>
     );
-}
+}