feat: wrap app in browser router

src/App.tsx

@@ -1,16 +1,12 @@
 import React from 'react';
-import { BrowserRouter } from 'react-router-dom';
 import { GlobalInfoProvider } from "./context/globalInfo";
 import { PageWrapper } from "./pages/PageWrappper";
 
 function App() {
-
   return (
-    <BrowserRouter>
-      <GlobalInfoProvider>
-        <PageWrapper />
-      </GlobalInfoProvider>
-    </BrowserRouter>
+    <GlobalInfoProvider>
+      <PageWrapper />
+    </GlobalInfoProvider>
   );
 }
 

src/index.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import { BrowserRouter } from 'react-router-dom';
 import App from './App';
 
 const root = ReactDOM.createRoot(
@@ -8,7 +9,9 @@ const root = ReactDOM.createRoot(
 );
 root.render(
   <React.StrictMode>
-    <App />
+    <BrowserRouter>
+      <App />
+    </BrowserRouter>
   </React.StrictMode>
 );