Course Picker Images

[diogotvf7]

What's to be done!

In the states refactor branch branch (#198), a new course picker was built! This greatly improves the UX for users while picking their courses. However, it's current design needed to be improved. For this, our design team created some vector images on Figma that might help to fill the space a bit:

Course picker with no major selected	Course picker with no courses selected

The placeholders should be either on the left side, right side or both when there is no information to be displayed in the correspondent area. You can see an example here.

Placeholder when no major and no courses selected	Placeholder when no courses or no major selected

Implementation

The images should be imported as svg for greater quality and added to the svgs folder (src/components/svgs) as a component (see examples in the referred folder). It would also be nice to have classNames as a parameter in order to be easier to apply tailwind to the component.
After this, the only task is to check if there is content being displayed in each, or both, sides of the course picker and display the corresponding image.

OBS: you will have to fork the states refactor branch branch to start working on this issue!