Add @vercel/speed-insights package and remove unused imports

package.json

@@ -9,6 +9,7 @@
     "@types/react": "^18.2.39",
     "@types/react-dom": "^18.2.17",
     "@vercel/analytics": "^1.1.1",
+    "@vercel/speed-insights": "^1.0.7",
     "axios": "^1.6.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

src/App.tsx

@@ -3,7 +3,6 @@ import { useState, useEffect } from 'react';
 import toast, { Toaster, useToasterStore } from 'react-hot-toast';
 import { Navbar } from './components';
 import * as S from './styles/app';
-import { Analytics } from '@vercel/analytics/react';
 import axios from 'axios';
 
 import { MainPage, DownloadPage, DeletePage, FileListPage, ApiPage, NotFoundPage } from './pages';
@@ -87,7 +86,6 @@ export default function App() {
           <Route path="*" element={<NotFoundPage />} />
         </Route>
       </Routes>
-      <Analytics />
     </>
   );
 }

src/index.tsx

@@ -2,12 +2,19 @@ import { Global } from '@emotion/react';
 import { BrowserRouter } from 'react-router-dom';
 import { globalStyle } from './styles';
 import { createRoot } from 'react-dom/client';
+
+import { Analytics } from '@vercel/analytics/react';
+import { SpeedInsights } from '@vercel/speed-insights/react';
+
 import App from './App';
 
 const root = createRoot(document.getElementById('root') as HTMLElement);
 root.render(
   <BrowserRouter>
     <Global styles={globalStyle} />
     <App />
+
+    <Analytics />
+    <SpeedInsights />
   </BrowserRouter>
 );