Fix Login import and add working Login page

Author: Uttam Singh

frontend/src/main.jsx

@@ -1,10 +1,10 @@
 import React from "react";
-import { createRoot } from "react-dom/client";
-import { BrowserRouter } from "react-router-dom";
-import App from "./pages/App";
+import ReactDOM from "react-dom/client";
+import App from "./pages/App.jsx";
+import "./index.css";
 
-createRoot(document.getElementById("root")).render(
-  <BrowserRouter>
+ReactDOM.createRoot(document.getElementById("root")).render(
+  <React.StrictMode>
     <App />
-  </BrowserRouter>
+  </React.StrictMode>
 );

frontend/src/pages/App.jsx

@@ -1,29 +1,15 @@
 import React from "react";
-import { Routes, Route, Link } from "react-router-dom";
-import Dashboard from "./Dashboard";
-import Tasks from "./Tasks";
-import AIChat from "./AIChat";
+import { BrowserRouter, Routes, Route } from "react-router-dom";
+import Login from "./Login.jsx"; // ✅ Make sure this file exists in the same folder
+import Dashboard from "./Dashboard.jsx"; // Optional if you have one
 
-export default function App(){
+export default function App() {
   return (
-    <div>
-      <div className="appbar">
-        <img src="/logo.png" alt="logo" />
-        <div className="brand">FAT-EIBL</div>
-        <nav style={{marginLeft:"auto"}}>
-          <Link to="/">Dashboard</Link>
-          <Link to="/tasks">Tasks</Link>
-          <Link to="/ai">Hey Vani</Link>
-        </nav>
-      </div>
-      <div className="container">
-        <Routes>
-          <Route path="/" element={<Dashboard />} />
-          <Route path="/login" element={<Login />} />
-          <Route path="/tasks" element={<Tasks />} />
-          <Route path="/ai" element={<AIChat />} />
-        </Routes>
-      </div>
-    </div>
+    <BrowserRouter>
+      <Routes>
+        <Route path="/" element={<Login />} />
+        <Route path="/dashboard" element={<Dashboard />} />
+      </Routes>
+    </BrowserRouter>
   );
 }