feat(vercel): Add Speed Insights from Vercel

.gitignore

@@ -22,3 +22,4 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+.vercel

package.json

@@ -12,6 +12,7 @@
   "dependencies": {
     "@heroicons/react": "^2.1.3",
     "@reduxjs/toolkit": "^2.2.3",
+    "@vercel/speed-insights": "^1.0.10",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-redux": "^9.1.2"

src/App.tsx

@@ -1,3 +1,5 @@
+import { SpeedInsights } from "@vercel/speed-insights/react"
+
 import Navbar from './components/Navbar.tsx';
 import Footer from './components/Footer.tsx';
 import TodoCard from './components/todos/TodoCard.tsx';
@@ -7,12 +9,11 @@ export default function App() {
   return (
       <div className={"min-h-screen bg-base-300"}>
         <Navbar/>
-
         <main className={"w-full min-h-screen flex justify-center items-center"}>
           <TodoCard/>
         </main>
-
         <Footer/>
+        <SpeedInsights/>
       </div>
   )
 }