human hand off bug

frontend/src/components/InviteAcceptPage.jsx

@@ -1,7 +1,8 @@
-import { ArrowRight, LockKeyhole } from "lucide-react";
+import { ArrowRight } from "lucide-react";
 import { useEffect, useState } from "react";
 import { acceptInvite, previewInvite } from "../api";
 import AuthLayout from "./AuthLayout";
+import PasswordField from "./PasswordField";
 
 function inviteTokenFromPath() {
   const match = window.location.pathname.match(/^\/invite\/([^/]+)/);
@@ -89,31 +90,23 @@ export default function InviteAcceptPage() {
         <form className="auth-form" onSubmit={handleSubmit}>
           <label>
             Password
-            <div className="input-wrap">
-              <LockKeyhole size={16} />
-              <input
-                name="password"
-                type="password"
-                placeholder="Create a password"
-                required
-                minLength={8}
-                autoComplete="new-password"
-              />
-            </div>
+            <PasswordField
+              name="password"
+              placeholder="Create a password"
+              required
+              minLength={8}
+              autoComplete="new-password"
+            />
           </label>
           <label>
             Confirm password
-            <div className="input-wrap">
-              <LockKeyhole size={16} />
-              <input
-                name="confirm_password"
-                type="password"
-                placeholder="Repeat your password"
-                required
-                minLength={8}
-                autoComplete="new-password"
-              />
-            </div>
+            <PasswordField
+              name="confirm_password"
+              placeholder="Repeat your password"
+              required
+              minLength={8}
+              autoComplete="new-password"
+            />
           </label>
           <p className="auth-switch" style={{ marginTop: 0 }}>
             Must include uppercase, lowercase, and a number.