Add login page

frontend/.eslintrc.json

@@ -28,6 +28,8 @@
     // "@typescript-eslint/no-explicit-any": "off",
     // "@typescript-eslint/no-non-null-assertion": "off",
 
+    "@typescript-eslint/no-unsafe-assignment": "warn",
+
     // Avoid bugs.
     "@typescript-eslint/no-misused-promises": [
       2,

frontend/src/pages/index.tsx

@@ -1,5 +1,5 @@
-import CreateUser from "./create_user";
+import Login from "./login";
 
 export default function Home() {
-  return <CreateUser />;
+  return <Login />;
 }

frontend/src/pages/login.tsx

@@ -3,6 +3,7 @@ import { useMemo } from "react";
 import { FieldValues, SubmitHandler, useForm } from "react-hook-form";
 
 import { Textfield } from "@/components/Textfield";
+import { Button } from "@/components/ui/button";
 import { useWindowSize } from "@/hooks/useWindowSize";
 import { cn } from "@/lib/utils";
 
@@ -95,9 +96,9 @@ export default function Login() {
                   Forgot Password?
                 </h1>
               </div>
-              <button type="submit" className="rounded-md bg-pia_dark_green px-5 py-3 text-white">
+              <Button type="submit" className="rounded-md bg-pia_dark_green px-5 py-3 text-white">
                 Sign In
-              </button>
+              </Button>
               {isMobile && (
                 <div className="flex items-center justify-center">
                   <h1 className={cn("text-sm text-black text-pia_accent max-lg:text-sm")}>