Redesign courses phase 1

[Durbin-Elijah]

Cumulative changes from the past 2 weeks in the old redesign-course branch, fixed commit loop from basing off main.

Adds a component for displaying a page as a modal and uses it in the teacher landing for creating a new course

Screenshots

Description

Adds a component for displaying a page as a modal and uses it in the teacher landing for creating a new course.
Component is react and activated with a Button that acts as a normal HTML button with special properties.

Fixes # (issue)

Additional Information

I had to move the changes over from the old branch, I think I got everything right but please let me know any issues that may have been caused from this.

Feel free to comment if there is a better way to do this so we don't run into issues later after implementing the button in other pages.

If you notice something that should be commented let me know as well. I will continue to work in this branch for design changes getting ready for the expo presentation.

Checklist:

Before you submit your Pull Request, please make sure you have completed the following tasks:

• I have performed a self-review of my own code.
• I have commented my code, particularly in hard-to-understand areas.
• 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.
• Any dependent changes have been merged and published in downstream modules.
• I have tagged my PR with the appropriate label(s).

*I don't think we have a testing system for frontend changes

[nilsstreedain]

Initial design looks good, may make minor changes along with the other design consolidation later