Created the Login.jsx

src/states/Login/Login.jsx

@@ -0,0 +1,22 @@
+import {Stack, Tab, Tabs} from "@mui/material";
+import Logo from "@/states/Login/components/Logo";
+import {useState} from "react";
+import LoginTab from "@/states/Login/tabs/LoginTab";
+
+export const Login = () => {
+    const [currentPage, setCurrentPage] = useState(0);
+
+    return (
+        <Stack justifyContent="center" alignItems="center" sx={{height: {xs: "100%",sm: "100vh"}}} gap={2}>
+            <Logo/>
+
+            <Tabs value={currentPage} onChange={(e, v) => setCurrentPage(v)}>
+                <Tab label="Anmelden"/>
+                <Tab label="Registrieren"/>
+            </Tabs>
+
+            {currentPage === 0 && <LoginTab />}
+            {currentPage === 1 && <div>Register</div>}
+        </Stack>
+    )
+}