Create academic path courses page

[Process-ing]

Closes #1430

The base structure of the page is mostly done, but if you see something that needs improvement, let me know.

A few things to note:

• In the original mockups, each course unit is associated with year of enrollment + year of conclusion. However, it is impossible (from what I know) to know the latter, so I just omitted it from the course selection.
• The "???" that appears on the course selection is a placeholder for the course abbreviation, since it is currently being fetched as null. It's best to discuss a fix/workaround in the next meeting.
• The page layout suggests that the course units are only the ones from the selected course. However, it is impossible to associate a curricular unit to a course (Sigarra does not do this association, and can be troublesome for Erasmus students, etc.), so it currently presents all the course units the user is enrolled in.
• NEW The average bar presents the finished ECTS and total ECTS of the course. The really stupid thing is that the Sigarra API provides the former, but not the latter, so we will also need a workaround for that 💀. Currently, it presents the total of ECTS a student is enrolled in, but that only works for people enrolled in only one course and in their last year.

Review checklist

• Terms and conditions reflect the current change
• Contains enough appropriate tests
• If aimed at production, writes a new summary in whatsnew/whatsnew-pt-PT
• Properly adds an entry in changelog.md with the change
• If PR includes UI updates/additions, its description has screenshots
• Behavior is as expected
• Clean, well-structured code

[codecov]

Codecov Report

Attention: Patch coverage is 2.51572% with 155 lines in your changes missing coverage. Please review.

Project coverage is 11%. Comparing base (380b135) to head (7a95fb1).
Report is 41 commits behind head on ui/redesign.

Additional details and impacted files

@@             Coverage Diff              @@
##           ui/redesign   #1446    +/-   ##
============================================
- Coverage           11%     11%    -0%     
============================================
  Files              270     271     +1     
  Lines             7507    7622   +115     
============================================
+ Hits               817     820     +3     
- Misses            6690    6802   +112     

[DGoiana]

Looking good! I'd just reduce the size of the course squircle on the top of the page and maybe remove the horizontal line below the filters

[Adriano-7]

Great job! Just a couple of things I noticed:

• I was testing it now, and for LEIC, I get ??? as the name. Also LEIC says "now", but i finished the bsc last year
• Can you adjust the horizontal padding so that all components align? The selectors and the average bar should align with the course widgets.
• The colors of the course selector are different from those in Figma. Can you correct that? Also, there seem to be three different shades of pink—can you change it to use the color palette one?
• In Figma, we have three kinds of icons (one for each type of course: bachelor, master's, PhD). Do we have the necessary info from Sigarra for that?
• Can you make it so that clicking on the course widget card takes us to the course page?

[Pinho13]

Very nice! It works! 🌱

[AugustoVSoares]

Approved! 🔥