Modals and API calls working for admin tab

src/pages/public/LoginPage.tsx

@@ -40,26 +40,39 @@ export default function LoginPage(){
 
 
 	return (
-		<form
-			action={login}
-			className="flex flex-col justify-center space-y-8"
-		>
-			<TextInput
-				id="username"
-				name="username"
-				placeholder="Username"
-			/>
-			<PasswordInput
-				id="password"
-				name="password"
-				placeholder="Password"
-			/>
-			<PrimaryButton
-				className="mx-auto"
-				type="submit"
+		<main>
+			<form
+				action={login}
+				className="flex flex-col items-center justify-center space-y-8"
 			>
-				Login
-			</PrimaryButton>
-		</form>
+				<div
+					className="mx-auto"
+				>
+					<TextInput
+						id="username"
+						name="username"
+						placeholder="Username"
+					/>
+				</div>
+				<div
+					className="mx-auto"
+				>
+					<PasswordInput
+						id="password"
+						name="password"
+						placeholder="Password"
+					/>
+				</div>
+				<div
+					className="flex flex-row justify-center items-center"
+				>
+					<PrimaryButton
+						type="submit"
+					>
+						Login
+					</PrimaryButton>
+				</div>
+			</form>
+		</main>
 	);
 }