Cert courses page

[Havkost]

Description

Create course list page and polish certain general components.

PBIs: [Web Home] As a content creator, I want to view when I don't have an active course (empty state) and be directed to the creation environment [Web Home] As a content creator, I want to view my created courses and their status [Web Style] As content creator i would like to see consistent styling across different OS settings.

Changes

• Made card view for viewing a user's courses
  • Added a sweet ass hover animation
  • Added StarRating component for viewing a rating as stars
  • Added LastEdited component for viewing last edited date/time
  • Added categories and a scalable icon system
  • Added colour coded statuses
• Added personal insights component with mock data
• Made empty state when a user has no courses
• Made navbar dark/light-mode compatible
  • Added Educado logos for each mode
  • Fixed text colour
• Added favicon(s)

Related Issues

None.

Checklist

• [x] Code has been tested locally and passes all relevant tests.
• [x] Documentation has been updated to reflect the changes, if applicable.
• [x] Code follows the established coding style and guidelines of the project.
• [x] All new and existing tests related to the changes have passed.
• [x] Any necessary dependencies or new packages have been properly documented.
• [x] Pull request title and description are clear and descriptive.
• [x] Reviewers have been assigned to the pull request.
• [x] Any potential security implications have been considered and addressed.
• [x] Performance impact of the changes has been evaluated, if relevant.

Screenshots (if applicable)

Notes for Reviewers

This version was set up using mock data (which is now in a comment in pages/Courses.tsx) and a version of the backend circumventing JWT authentication. This needs to be implemented once the backend is updated to match the model in resources/MODELS.md.

We've added everyone from the teams we are sure have been working in this repo as reviewers. We only need 2, just write in discord if you're up for doing a review.

[Havkost]

We're aware that type checks are failing, we're on it 😊

[sofiiagran]

the code looks good ! however when running the website I am stuck on the login page, any way I can see the actual course screen on the web?

[Jatewo]

Looks good, however some of the tabs/spacing is inconsistent (2, 4, 8 spaces).

I think we should fix the linting before starting the next sprint. I'll bring this up with the integration team. So let it be for now