Show error messages in Login and EditProfile forms for required fields

[brrkrmn]

Summary

When trying to submit the login and editProfile forms without filling the required fields, no error message or feedback is given to the user.
If the user focuses on an input and then leaves it empty, the error message is seen, however, if the input is blank and not touched by the user until the submission, no message is shown.

Closes #838

Changes

• The inputs that should show error messages are triggered by setFieldTouched in their submit functions. I chose this approach for consistency because the signup form uses it for all its inputs.
• Through Yup validation, phone and email fields in the edit profile form now show an error message if both are empty.

Final Results:

branch-edit.mov

ts/92817363/070d39bb-3cc7-4f56-8c10-342d792138b1

branch-login.mov

[NdibeRaymond]

I tested this patch @tuxology and it works as described, but I've been away from the project for some time now so you should probably take a look too especially when it comes to commit practices

[NdibeRaymond]

@brrkrmn it seems like the following files EditTeam.jsx, editTeamScripts.js is similar to what we have for EditProfile. Maybe you can investigate and see if that be fixed too?

[brrkrmn]

@brrkrmn it seems like the following files EditTeam.jsx, editTeamScripts.js is similar to what we have for EditProfile. Maybe you can investigate and see if that be fixed too?

Sure, on it ☺️

[brrkrmn]

@brrkrmn it seems like the following files EditTeam.jsx, editTeamScripts.js is similar to what we have for EditProfile. Maybe you can investigate and see if that be fixed too?

I implemented the same solution for these files in #857, waiting for reviews 🙂