Epic: Improve integrations for react-hook-form across components

[trillium]

Overview

Outline of steps to integrate react-hook-form's validation more seamlessly, so that we write cleaner, more reusable code, with a single way of achieving form validaiton across the project.

Context

Validation has been a sticking point for this project, but thanks to the hard work of the devs on this team we're moving towards having this portion of our app handled. We've still got a bit to go, this issue is going to outline the steps to take to integrate react-hook-form's validation more seamlessly.

Action Items

• Create ValidatedTextField component #1482
• Move simpleInput to it's own data.js object #1483
  • Remove duplicates of simpleInput other places in the app eg addProjcet and editProject
  • Replace the above with import of simpleInput
• Adapt ValidatedTextField to accept custom validation functions #1484
• Merge validation functions made by @evanyang1
  • Potentially adapt validation functions to fit react-hook-form validate format
• Adapt simpleInput to contain a validations array that will be consumed by ValidatedTextField
• Adapt simpleInput and ValidatedText field to accept helper form fields eg radio buttons

[JackHaeg]

@spiteless Thank you for creating this issue.

I see that you have below as the overview:

Validation has been a sticking point for this project, but thanks to the hard work of the devs on this team we're moving towards having this portion of our app handled. We've still got a bit to go, this issue is going to outline the steps to take to integrate react-hook-form's validation more seamlessly.

Please rewrite the overview in the format of: "we need to do X for Y reason."
"outline the steps to take to integrate react-hook-form's validation more seamlessly, so that (Y reason)__"

[JackHaeg]

Bonnie would like to discuss adding additional dependencies & sustainability plan.

[trillium]

@JackHaeg Updated