Fixed React routing issue for login button.

webapp/src/App.jsx

@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from "react";
 import { Route, Routes } from "react-router-dom";
 import Debug from "./pages/Debug/Debug";
+import Login from "./pages/Login/Login";
 import Threads from "./components/GdbComponents/Threads/Threads";
 import LocalVariable from "./components/GdbComponents/LocalVariable/LocalVariable";
 import Context from "./components/GdbComponents/Context/Context";
@@ -30,14 +31,14 @@ const App = () => {
       />
 
       <Routes>
+        <Route path="/login" element={<Login />} />
         <Route path="debug" element={<Debug />}>
           <Route path="threads" element={<Threads />} />
           <Route path="localVariable" element={<LocalVariable />} />
           <Route path="context" element={<Context />} />
           <Route path="memoryMap" element={<MemoryMap />} />
           <Route path="breakPoints" element={<BreakPoints />} />
         </Route>
-        {/* You can add more routes here */}
       </Routes>
       <Footer />
     </div>

webapp/src/pages/Login/Login.css

@@ -0,0 +1,15 @@
+.login-page {
+  max-width: 28rem;
+  margin: 2rem auto;
+  padding: 1.5rem;
+}
+
+.login-page h1 {
+  margin: 0 0 0.75rem;
+  font-size: 1.5rem;
+}
+
+.login-page p {
+  margin: 0;
+  opacity: 0.85;
+}

webapp/src/pages/Login/Login.jsx

@@ -0,0 +1,11 @@
+import React from "react";
+import "./Login.css";
+
+const Login = () => (
+  <main className="login-page">
+    <h1>Login</h1>
+    <p>Placeholder login UI.</p>
+  </main>
+);
+
+export default Login;