added RouterLink component setup route system

src/components/typography/RouterLink.tsx

@@ -0,0 +1 @@
+export { NavLink as RouterLink } from "react-router-dom";

src/index.tsx

@@ -1,16 +1,22 @@
-import React from 'react';
+import React from "react";
-import ReactDOM from 'react-dom';
+import ReactDOM from "react-dom/client";
-import './index.css';
+import { BrowserRouter, Routes, Route } from "react-router-dom";
-import App from './App';
+import "./index.css";
-import reportWebVitals from './reportWebVitals';
+import App from "./App";
+import reportWebVitals from "./reportWebVitals";
 
 import "./localization/i18n";
-
+const rootElement = document.getElementById("root");
-ReactDOM.render(
+if (!rootElement) throw new Error("Failed to find the root element");
+const root = ReactDOM.createRoot(rootElement);
+root.render(
   <React.StrictMode>
-    <App />
+    <BrowserRouter>
-  </React.StrictMode>,
+      <Routes>
-  document.getElementById('root')
+        <Route path="/" element={<App />}></Route>
+      </Routes>
+    </BrowserRouter>
+  </React.StrictMode>
 );
 
 // If you want to start measuring performance in your app, pass a function