React Hook Form

[mwarman]

Describe the story

The application currently uses Formik for form management. Switch to use React Hook Form for the same purpose as it is the preferred library for this capability.

Update the schema library used for form validation from yup to zod. This should completely remove the need for yup in the application.

Acceptance criteria

GIVEN a form uses React Hook Form
WHEN the form is viewed by a user
THEN the form is properly initialized

WHEN a form field has valid information entered
THEN the form does not display any validation message on change or on blur

WHEN a form field has invalid information entered
THEN the form displays the configured validation message on change and on blur

WHEN a form is complete
AND all fields are valid
THEN the form may be submitted
AND the React Hook Form submission handler is triggered

WHEN a form is complete
BUT some fields are invalid
THEN the form submission button is disabled
AND the form may not be submitted

Additional context

• React Hook Form