[MPDX-8089] Add setup connect page

[canac]

Description

• Refactor the add organization modal component so that it can be used on the integrations page and on the setup connect page
• Add setup connect page

MPDX-8089

Checklist:

• I have given my PR a title with the format "MPDX-(JIRA#) (summary sentence max 80 chars)"
• I have applied the appropriate labels. (Add the label "On Staging" to get the branch automatically merged into staging.)
• I have requested a review from another person on the project

[github-actions]

Preview branch generated at https://8089-setup-connect-page.d3dytjb8adxkk5.amplifyapp.com

[github-actions]

Bundle sizes [mpdx-react]

Compared against d4bcf7f

Route	Size (gzipped)	Diff
/accountLists/[accountListId]/settings/integrations	161.78 KB	+2.44 KB
/setup/connect	129.25 KB	added

[dr-bizz]

This is looking great. The code looks great.

If we make the start page look like what I sent in, can we also make this page look similar?

Header text: font-size: 2.75rem
Icon colour: primary
Paragraph - max-width: 500px
Card max-width: 580px

I forgot to take a screenshot.

[dr-bizz]

In see this was in the old MPDX, but should this be here?

[canac]

I'm not attached to having a different message when the user has organizations connected. I was just copying the existing implementation. Let me know if you don't like it.

[dr-bizz]

As my changes are minor I will approve the PR. Great work.

Could you make the title on the connect the same size as the start page?

[canac]

Could you make the title on the connect the same size as the start page?

Definitely! This builds on the PR that creates and styles that page, so changes there will apply here too once I merge the first PR.