refactor: update to react-router v6

Author: maisamaf

src/index.js

@@ -17,7 +17,7 @@
 */
 import React from "react";
 import ReactDOM from "react-dom/client";
-import { BrowserRouter, Route, Switch, Redirect } from "react-router-dom";
+import { BrowserRouter, Route, Routes, Navigate } from "react-router-dom";
 
 import "assets/css/nucleo-icons.css";
 import "assets/scss/blk-design-system-react.scss";
@@ -32,21 +32,12 @@ const root = ReactDOM.createRoot(document.getElementById("root"));
 
 root.render(
   <BrowserRouter>
-    <Switch>
-      <Route path="/components" render={(props) => <Index {...props} />} />
-      <Route
-        path="/landing-page"
-        render={(props) => <LandingPage {...props} />}
-      />
-      <Route
-        path="/register-page"
-        render={(props) => <RegisterPage {...props} />}
-      />
-      <Route
-        path="/profile-page"
-        render={(props) => <ProfilePage {...props} />}
-      />
-      <Redirect from="/" to="/components" />
-    </Switch>
+    <Routes>
+      <Route path="/components" element={<Index />} />
+      <Route path="/landing-page" element={<LandingPage />} />
+      <Route path="/register-page" element={<RegisterPage />} />
+      <Route path="/profile-page" element={<ProfilePage />} />
+      <Route path="*" element={<Navigate to="/components" replace />} />
+    </Routes>
   </BrowserRouter>
 );