[UI]: Application Section C: Add a Collaborator Modal & Validation

[kcullion]

Goal: To build Section C: Add/Edit a collaborator modal with working local validation.

Zeplin links:
Blank Modal: https://zpl.io/VDggJG3
Form with errors: https://zpl.io/V4NNpZ4
Valid form: https://zpl.io/bARRJwp

Note: Justin has made a lot of these fields and validations work in section A and B, please reuse what you can.

Expected Outcomes

• 1. Set up modal with Instructions
• 2. Set up form using components in ARGO component library.
• 3. Some form elements have blue notes beside them
• 4. Some form elements have placeholder text to show examples of what to fill out in the field
  - [ ] 5. If the applicant chooses Authorized Personnel then show Position Title field as the last field. If the applicant chooses Authorized Student then show Pursuing Degree field as the last field. This defaults to showing Position Title field. Note: moved to follow-up ticket
  - [ ] 6. Button is disabled until the applicant fills in the form correctly Note: moved to follow-up ticket

Local Validation See errors in https://zpl.io/V4NNpZ4

• 7. All fields marked with * are required.
  - [ ] 8. On top of required, the email field needs to be in a valid email format Note: moved to follow-up ticket
  Note: the functionality for the "Primary Affiliation must be the same as the Applicant" will come later when application can be saved [Data Hookup]: Global validation for primary affiliation #54

Correctly filled out form: https://zpl.io/bARRJwp
- [ ] 9. Once the form has valid entries, the "Add Collaborator" button is enabled. Note: moved to follow-up ticket

[ciaranschutte]

@rosibaj static UI is up in dev. QA momentarily. Had a chat with @caravinci and we'll need to break the validation of this into a separate ticket as it doesn't quite fit in with how we're currently processing

[rosibaj]

@ciaranschutte will do, breakign out ticket now.

[kcullion]

@ciaranschutte just some preliminary UI feedback in case you want to fix before moving.
see zeplin for correct blue notes: https://zpl.io/VDggJG3

• Fix blue notes
• And Position Title should be required
• The radio buttons aren't selecting?

[rosibaj]

@ciaranschutte @caravinci Remaining work abstracted to #174

[rosibaj]

@kcullion i will move your comment to #174