adding form element to signup

website/src/pages/auth/signup.tsx

@@ -10,18 +10,17 @@ import { AuthLayout } from "src/components/AuthLayout";
 export default function Signin({ csrfToken, providers }) {
   const { discord, email, github, credentials } = providers;
   const emailEl = useRef(null);
-  const signinWithEmail = () => {
+  const debugUsernameEl = useRef(null);
+
+  const signinWithEmail = (ev : React.FormEvent) => {
+    ev.preventDefault()
     signIn(email.id, { callbackUrl: "/", email: emailEl.current.value });
   };
 
-  const debugUsernameEl = useRef(null);
   function signinWithDebugCredentials(ev: React.FormEvent) {
     ev.preventDefault();
     signIn(credentials.id, { callbackUrl: "/", username: debugUsernameEl.current.value });
   }
-  const handleOnClickPressed = (e) => {
-    if (e.key === "Enter") signinWithEmail();
-  };
 
   return (
     <>
@@ -43,24 +42,23 @@ export default function Signin({ csrfToken, providers }) {
             </form>
           )}
           {email && (
-            <Stack>
+            <form onSubmit={signinWithEmail} >
-              <Input
+              <Stack>
-                onKeyDown={handleOnClickPressed}
+                <Input
-                variant="outline"
+                  variant="outline"
-                size="lg"
+                  size="lg"
-                placeholder="Email Address"
+                  placeholder="Email Address"
-                ref={emailEl}
+                  ref={emailEl}
-              />
+                />
-              <Button
+                <Button
-                size={"lg"}
+                  size={"lg"}
-                leftIcon={<FaEnvelope />}
+                  leftIcon={<FaEnvelope />}
-                colorScheme="gray"
+                  colorScheme="gray"
-                onClick={signinWithEmail}
+                >
-                // isDisabled="false"
+                  Continue with Email
-              >
+                </Button>
-                Continue with Email
+              </Stack>
-              </Button>
+            </form>
-            </Stack>
           )}
           {discord && (
             <Button