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)
• [x] 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[bot]]

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?