fix: switch to HTML text inputs with numeric validation

[jaredcwhite]

This PR addresses #658

• Addresses the issue in full
• Addresses only certain aspects of the issue

Description

The working theory is the issue with numbers changing randomly in the unit editing is due to input type="number" weirdness around mouse/trackpad scrolling. This PR switches to input type="text" and uses React Hook Form validation to verify integer input.

How Can This Be Tested/Reviewed?

Try editing units for a listing, income, or the miles radius on preferences.

Author Checklist:

• Added QA notes to the issue with applicable URLs
• Reviewed in a desktop view
• Reviewed in a mobile view
• Reviewed considering accessibility
• Added tests covering the changes
• Made corresponding changes to the documentation
• Ran yarn generate:client and/or created a migration when required

Review Process:

• Read and understand the issue
• Ensure the author has added QA notes
• Review the code itself from a style point of view
• Pull the changes down locally and test that the acceptance criteria is met
• Either (1) explicitly ask a clarifying question, (2) request changes, or (3) approve the PR, even if there are very small remaining changes, if you don't need to re-review after the updates

[emilyjablonski]

Should this be a core change?

[jaredcwhite]

@emilyjablonski I agree this should be fixed in Core first, so I've opened up a new PR there. Closing this one.