updated latest react router syntax

src/AppRouter.js

@@ -1,21 +1,32 @@
 import React from 'react'
-import { BrowserRouter, Redirect, Route, Routes } from 'react-router-dom'
+import { BrowserRouter, Route, Routes, Outlet } from 'react-router-dom'
+
 import Footer from './components/Footer'
 import Navbar from './components/Navbar'
 import Home from './pages/Home'
 import NotFound from './pages/NotFound'
 import Search from './pages/Search'
 
+const Layout = () => {
+  return (
+    <>
+      <Navbar />
+      <Outlet />
+      <Footer />
+    </>
+  )
+}
+
 const AppRouter = () => (
   <BrowserRouter>
-    <Navbar />
     <Routes>
-      <Route path='/' exact render={() => <Navigate to='/browse' />} />
-      <Route path='/browse' component={Home} />
-      <Route path='/search' component={Search} />
-      <Route component={NotFound} />
+      <Route path='/' element={<Layout />}>
+        <Route index element={<Home />} />
+        <Route path='/browse' element={<Home />} />
+        <Route path='/search' element={<Search />} />
+        <Route path='*' element={<NotFound />} />
+      </Route>
     </Routes>
-    <Footer />
   </BrowserRouter>
 )