Add vercel spyware

package.json

@@ -10,6 +10,8 @@
   },
   "dependencies": {
     "@phosphor-icons/react": "^2.0.15",
+    "@vercel/analytics": "^1.5.0",
+    "@vercel/speed-insights": "^1.2.0",
     "gray-matter": "^4.0.3",
     "markdown-it": "^14.0.0",
     "next": "^14.2.5",

src/pages/_app.jsx

@@ -4,6 +4,8 @@ import "~/styles/globals.css"
 import { useEffect } from "react"
 import { useRouter } from "next/router"
 import { Roboto, Mali } from "next/font/google"
+import { Analytics } from '@vercel/analytics/next';
+import { SpeedInsights } from '@vercel/speed-insights/next';
 
 const roboto = Roboto({
   weight: "400",
@@ -27,7 +29,13 @@ function MyApp({ Component, pageProps }) {
   }, [stright])
 
 
-  return <Component {...pageProps} />
+  return (
+    <>
+      <Component {...pageProps} />
+      <Analytics />
+      <SpeedInsights />
+    </>
+  );
 }
 
 export default MyApp