ADD: added basic backend function plus a mockup for a cli interface

frontend/studia/src/App.tsx

@@ -1,19 +1,37 @@
 import { useState } from "react";
+import { BrowserRouter, Routes, Route } from "react-router-dom";
+import { AuthProvider } from "./components/AuthContext";
+import ProtectedRoute from "./components/ProtectedRoute";
+
 import Landing from "./pages/Landing";
-// import Dashboard from "./pages/Dashboard";
 import Dashboard from "./pages/Dashboard"
 import LoginModal from "./components/LoginModal";
 
 export default function App() {
   const [token, setToken] = useState(localStorage.getItem("token"));
-  const [showLogin, setShowLogin] = useState(false);
+  // const [showLogin, setShowLogin] = useState(false);
+  const [modalOpen, setModalOpen] = useState(false);
 
   if (!token)
     return (
-      <>
-        <Landing onLogin={() => setShowLogin(true)} />
-        {showLogin && <LoginModal onSuccess={setToken} />}
-      </>
+    <AuthProvider>
+          <BrowserRouter>
+            <LoginModal isOpen={modalOpen} onClose={() => setModalOpen(false)} />
+            <Routes>
+              <Route path="/" element={<Landing onLogin={() => setModalOpen(true)} />} />
+              <Route path="/dashboard" element={ <ProtectedRoute><Dashboard /></ProtectedRoute>   }
+
+              />
+            </Routes>
+          </BrowserRouter>
+        </AuthProvider>
+
+
+
+      // <>
+      //   <Landing onLogin={() => setShowLogin(true)} />
+      //   {showLogin && <LoginModal onSuccess={setToken} />}
+      // </>
     );
 
   return <Dashboard />;