Add coachmark (Welcome Wagon)

[BrandonLim8890]

Description

Adds a coachmark when no plan is selected. The coachmark will only show when no plan is selected, and closes when the add course modal opens up.

Closes #712

Type of change

Please tick the boxes that best match your changes.

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update
• This requires a run of yarn install
• This has migration changes and requires a run of yarn dev:migration:run

How Has This Been Tested?

Tested by running localhost

• Test A
• Test B

Checklist:

• I have run the production builds in docker for the frontend/backend and ensure things run fine. Check README of repo on how to run if not sure.
• I have performed a self-review of my own code
• I have commented my code where needed
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• I've run the end to end tests
• Any dependent changes have been merged and published in downstream modules

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
graduatenu-frontend-v2	❌ Failed (Inspect)			Apr 10, 2024 9:25pm

[Suraj-Ram]

LGTM!

[AngelaZQ1]

Looks good, only thing is that if the user for some reason decides to add transfer course without creating a plan first it looks like this:

The larger issue is probably the no plan selected page being kinda ugly and unintuitive. Maybe we could just remove the transfer courses section when the user hasn't created a plan yet?

[AngelaZQ1]

LGTM!