Improved auth ux

src/components/auth/CreateAccount.tsx

@@ -115,6 +115,7 @@ export default function CreateAccount() {
         <span>
           Email
           <Input
+            autoComplete="email"
             onChange={(e) => setEmail(e.target.value)}
             placeholder="[email protected]"
             type="email"
@@ -123,6 +124,7 @@ export default function CreateAccount() {
         <span>
           Username
           <Input
+            autoComplete="username"
             onChange={(e) => setUsername(e.target.value)}
             placeholder="john_doe"
           />
@@ -130,6 +132,7 @@ export default function CreateAccount() {
         <span>
           Password
           <Input
+            autoComplete="new-password"
             onChange={(e) => setPassword(e.target.value)}
             type="password"
           />
@@ -137,6 +140,7 @@ export default function CreateAccount() {
         <span>
           Confirm Password
           <Input
+            autoComplete="new-password"
             onChange={(e) => setConfirmPassword(e.target.value)}
             onKeyDown={(e) => {
               if (e.key === "Enter") signup();

src/components/auth/Login.tsx

@@ -51,11 +51,16 @@ export default function Login() {
       <CardContent className="gap-3 flex flex-col">
         <span>
           Email
-          <Input onChange={(e) => setEmail(e.target.value)} type="email" />
+          <Input
+            autoComplete="username"
+            onChange={(e) => setEmail(e.target.value)}
+            type="email"
+          />
         </span>
         <span>
           Password
           <Input
+            autoComplete="current-password"
             onChange={(e) => setPassword(e.target.value)}
             onKeyDown={(e) => {
               if (e.key === "Enter") login();