Add Onboarding page and redirect from login via auth-redirect

[MainlyColors]

Closes #76

Description

• add redirect from /auth-redirect to /onboarding instead of the previous /
• Add Onboarding page with skip button
• skip button takes you back to / (temporary till /directory exists )

Testing

To Manually test

1. npm run dev:server w/ docker already running
2. Login on / route
3. Authorize Discord
4. Will be redirected from oAuth page to /auth-redirect
5. On /auth-redirect route after verifying the user is authorized via a router.query.code existing, page will redirect to /onboarding instead of the previous /
6. verify you see the onboarding page
7. click skip
8. will be redirected to home page with this url / (temporary till /directory exists )
9. testing done

Type of change

• New feature (non-breaking change which adds functionality)

Screenshots

/onboarding/

Checklist:

• Changes have new/updated automated tests, if applicable
• Changes have new/updated docs, if applicable
• I have performed a self-review of my own code
• I have added comments on any new, hard-to-understand code
• Changes have been manually tested
• Changes generate no new errors or warnings

[timmyichen]

From the created ticket:

Use MUI to create a new page where users are redirected to, after they log in.
Create a dismiss button that will redirect users to the dev-directory list of profiles page.

I took this to mean:

• When the user logs in, instead of redirecting to the index page, we send them to onboarding page
• When the user skips onboarding, they get sent to the home page (i left a comment on #59 around changing where the actual directory lives)
• If they refresh while on the home page, they are not prompted to go through onboarding again

This PR does the following:

• Anyone who lands on the home page, will be sent to the onboarding page
• When the user skips onboarding, they get sent back to the home page
• If they refresh while on the home page, they will be redirected to the onboarding page again

I think we may want to change this to be more like the former - when users log in via Discord, their code is validated on the auth-redirect page. This is probably where we want to be making changes related to redirecting to onboarding.

General nit: "onboarding" is one word, so any instances of "onBoarding" or "xOnBoarding" should probably just be changed to "onboarding" and "xOnboarding" respectively

[devonzara]

Looks good, just does a bit more than asked. Also, JSX should default to double quotes. 👍🏼

[devonzara]

Oof, I wish the review page would update to show other reviewer comments as they post them like it does when there's a new commit... Tim hit on essentially all the same points; I could have been watching TV instead. 😅

[jmoldyvan]

I got caught up with some stuff, but I will look on my machine as soon as I can

[DevinCLane]

Also if we're switching to onboarding from onBoarding, let's update the directory name to /pages/onboarding instead of the current /pages/onBoarding

[MainlyColors]

Also if we're switching to onboarding from onBoarding, let's update the directory name to /pages/onboarding instead of the current /pages/onBoarding

Thought I did that before because it changed on my end but I guess there is a specific git way to do a rename lol

Fixed now

[devonzara]

👍🏼 Few additional touch-ups.

[devonzara]

nit: might be worth editing the PR's title, but otherwise looks good. 👍🏼

[timmyichen]

Mostly LGTM, just some small comments. Thanks for making the requested changes!