[Manage users - User information] Forms do not use proper element and error handling needs improvement

[johanna-skylight]

Area or Component

Settings Page -> Manage users Tab -> User information

Quick Summary

The forms to edit name, edit email are not using the proper html tag to wrap the form and the submission pattern does not show errors on submit.

How to Replicate

Check the edit name and edit email form and try to submit incorrect/invalid information.

Action Requested

Change the div element that wraps the form with a form tag.
Implement the pattern to show error on submission (including focus on error).
Stretch use react-hook-forms to implement the error handling.

Screenshots (optional)