Problem
Current auth forms use react-hook-form and zod, but the UX can be improved with inline errors and a password-strength indicator.
Goals
Extend components/form/FormInput.tsx and components/form/FormWrapper.tsx to support form submission dispatch for visual error focus.
Add a password strength meter to registration and sign-in forms using live feedback.
Implement a reusable PasswordStrength component with accessible status text.
Acceptance criteria
Password fields show a strength meter when a user types passwords.
Errors are described via aria-describedby and input IDs.
Invalid submissions move focus to the first invalid field.
The form components remain generic and reusable for future auth forms.
Problem
Current auth forms use react-hook-form and zod, but the UX can be improved with inline errors and a password-strength indicator.
Goals
Extend components/form/FormInput.tsx and components/form/FormWrapper.tsx to support form submission dispatch for visual error focus.
Add a password strength meter to registration and sign-in forms using live feedback.
Implement a reusable PasswordStrength component with accessible status text.
Acceptance criteria
Password fields show a strength meter when a user types passwords.
Errors are described via aria-describedby and input IDs.
Invalid submissions move focus to the first invalid field.
The form components remain generic and reusable for future auth forms.