CRDCDH-1743 Implement "Request Access" form

[amattu2]

Overview

This PR introduces a new feature for external users (User, Submitter, Org Owner) to request a role and/or organization change via their profile.

It also incorporates related DX QoL changes. See details below.

Note

I added a "StyledDialogComponents" folder, but did not migrate any existing dialogs to these prestyled components. If we get related work (bugs/tasks) for the dialogs, we can probably migrate them at that point.

Most of the dialogs have the same general design, with the exception of width and content-specific customizations. If it doesn't make sense to have a centralized set of components, I can remove this folder.

Related note – I left the explicit font specification on the dialog components, if any dialog can appear on the Model Navigator page (eg. CLI Tool dialog), Model Navigator will try to override our default Nunito font.

Warning

This PR has several tests that refuse to pass in CI consistently. I plan to revisit this in #511 as I'm unsure what the root issue is ATM.

Change Details (Specifics)

• Add a "Request Access" form for certain external user roles to request a specific role and organization assignment
• Deduplicate the Autocomplete input field styling and create a component for it in the StyledFormComponents folder
• Add the standard dialog components to a generic folder (similar to StyledFormComponents)
• Create a new query specifically to fetch organization names, which is heavily cached once fetched

Related Ticket(s)

CRDCDH-1743 (Task)

[coveralls]

Pull Request Test Coverage Report for Build 11598672571

Details

• 52 of 66 (78.79%) changed or added relevant lines in 14 files are covered.
• 2 unchanged lines in 2 files lost coverage.
• Overall coverage increased (+0.2%) to 53.681%

---

Changes Missing Coverage	Covered Lines	Changed/Added Lines	%
src/components/AccessRequest/index.tsx	10	11	90.91%
src/components/Questionnaire/CustomAutocomplete.tsx	1	3	33.33%
src/content/users/ProfileView.tsx	0	4	0.0%
src/components/AccessRequest/FormDialog.tsx	28	35	80.0%

Files with Coverage Reduction	New Missed Lines	%
src/content/users/ProfileView.tsx	1	0.0%
src/components/Questionnaire/CustomAutocomplete.tsx	1	3.88%

Totals
Change from base Build 11597267637:	0.2%
Covered Lines:	3692
Relevant Lines:	6382

---

💛 - Coveralls

[amattu2]

NOTE: The additional input field has a false-positive 508 issue. This is the same issue that is described here #510. However, because this field does need to be multi-line, I can't find a solution for it.

[Alejandro-Vega]

Everything LGTM! I like the centralized styled components for the dialog. Thanks for adding that. I don't have any actual requested changes, just some comments.

[amattu2]

Skipping re-review, a merge commit dismissed the previous approval.