Add hash router

package.json

@@ -12,6 +12,7 @@
     "dependencies": {
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
+        "react-router-dom": "^6.24.0",
         "usehooks-ts": "^3.1.0"
     },
     "devDependencies": {

src/App.tsx

@@ -1,9 +1,22 @@
-import DarkToggle from './components/DarkToggle';
+import {
+    Route,
+    RouterProvider,
+    createHashRouter,
+    createRoutesFromElements,
+} from 'react-router-dom';
+import Login from './pages/Login';
+import Wallet from './pages/Wallet';
+import Welcome from './pages/Welcome';
+
+const router = createHashRouter(
+    createRoutesFromElements(
+        <Route path="/" element={<Welcome />}>
+            <Route path="wallet" element={<Wallet />} />
+            <Route path="login" element={<Login />} />
+        </Route>,
+    ),
+);
 
 export default function App() {
-    return (
-        <p className="bg-red-500">
-            Hello <DarkToggle />
-        </p>
-    );
+    return <RouterProvider router={router} />;
 }

src/pages/Login.tsx

@@ -0,0 +1,3 @@
+export default function Login() {
+    return <></>;
+}

src/pages/Wallet.tsx

@@ -0,0 +1,3 @@
+export default function Wallet() {
+    return <></>;
+}

src/pages/Welcome.tsx

@@ -0,0 +1,5 @@
+import DarkToggle from '../components/DarkToggle';
+
+export default function Welcome() {
+    return <DarkToggle />;
+}