Fix extra re-renders caused by formState changes

[ekerik220]

Description

Fixes extra full form re-renders that don't happen when using react-hook-form. Specifically, re-renders that happen because of formState changes, even when the user of the hook isn't watching formState values.

Below is a simple example showing that the entire form is being re-rendered on every key stroke into an input. This is happening because the validation mode is set to onChange and the formState.isValidating flag is changing on every key stroke (note that I haven't accessed formState.isValidating in the component, so the expected behavior is that the component does not re-render based on it).

const {
  register,
  handleSubmit,
  formState: { errors },
} = useRemixForm<FormData>({
  resolver,
  mode: "onChange",
});

https://github.com/Code-Forge-Net/remix-hook-form/assets/5779535/5f53b399-c8a7-4029-9bee-36f099a3ccbc

Type of change

• [x] Bug fix (non-breaking change which fixes an issue)

How Has This Been Tested?

• Tested by hand using the React Developer Tools in Chrome to observe re-renders.
• Added unit tests that track the number of re-renders when isValidating is being accessed vs. not.

After the changes:

https://github.com/Code-Forge-Net/remix-hook-form/assets/5779535/ed7035bb-145b-4b64-8285-d047d0c05cc4

Checklist:

• [x] My code follows the guidelines of this project
• [x] I have performed a self-review of my own code
• [x] I have commented my code, particularly in hard-to-understand areas
• [x] I have made corresponding changes to the documentation
• [x] My changes generate no new warnings or errors
• [x] I have added tests that prove my fix is effective or that my feature works
• [x] New and existing unit tests pass locally with my changes
• [x] Any dependent changes have been merged and published in downstream modules

[AdiRishi]

ngl I learned a lot by reading this PR, didn't know you could smartly wrap object properties in functions like that to get around re-renders!