Add inline errors to workspace modal

[marcaaron]

Details

• Updates Workspace Invite page to use similar error handling to VBA flow.

Fixed Issues

$ https://github.com/Expensify/Expensify/issues/179369

Tests / QA Steps

1. Create a workspace
2. Navigate to the People tab for the workspace /workspace/<policyID>/invite
3. Try to submit the form with no values in the Emails or phone numbers section
4. Verify that an inline error appears under the field and the field if highlighted in red
5. Verify there is a link to "Fix the errors" above the "Invite" button
6. Enter something that is not an email or phone
7. Verify that an inline error appears under the field and the field if highlighted in red
8. Verify there is a link to "Fix the errors" above the "Invite" button
9. Enter concierge@expensify.com and submit
10. Verify that an inline error appears under the field and the field if highlighted in red
11. Verify there is a link to "Fix the errors" above the "Invite" button
12. Enter a valid email and verify you can invite a user
13. Enter the invalid test phone number +1111111111
14. Verify that the error returned appears above the Submit button
15. Close the modal and reopen it
16. Verify the error is no longer present

Tested On

• Web
• Mobile Web
• Desktop
• iOS
• Android

Screenshots

Web

Mobile Web

Desktop

iOS

Android

[OSBotify]

✋ This PR was not deployed to staging yet because QA is ongoing. It will be automatically deployed to staging after the next production release.

[OSBotify]

🚀 Deployed to staging by @thienlnam in version: 1.1.6-1 🚀

platform	result
🤖 android 🤖	success ✅
🖥 desktop 🖥	success ✅
🍎 iOS 🍎	success ✅
🕸 web 🕸	success ✅

[isagoico]

This issue is failing this PR in Desktop #5727

[OSBotify]

🚀 Deployed to production by @AndrewGable in version: 1.1.7-24 🚀

platform	result
🤖 android 🤖	success ✅
🖥 desktop 🖥	success ✅
🍎 iOS 🍎	success ✅
🕸 web 🕸	success ✅