As Olivia/Jimmy I want to see a list of all mentors/mentees with their areas of interest

[marcidenmark]

User stories
As Jimmy,
I want to see a list of mentees and their areas of interest
So that I can find a mentee to mentor

As Olivia,
I want to see a list of mentors and their areas of interest
So that I can find a mentor to learn from

Additional information
For simplicity for now we can cover both scenarios at once without differentiation between the type of the logged in user i.e. no matter whether mentor, mentee or both, all logged in users see the same list.

Here is a sample UI mockup (feel free to change/simplify - the goal expressed as user story above is more important than complying with the mockup):

• Full display
  
• Cards - close-up without the page layout to serve development
  

For info on typography and for design discussions, contact @marcidenmark

Acceptance criteria
To consider this story completed, the following is expected:

• the information about each user is read from the API i.e. from already registered users
• the list can be opened directly i.e. it has its own address e.g. /all

Anything outside of the points above is up to the developer.

Open questions

Out of scope
There is a suggestion for having an expanded version of the cards - I suggest to skip this for now and potentially create a separate user story for it later.

Related requests

Suggested tasks

• @cecastosic Create/update the card component to respect type of user - mentor, mentee or both.
  • These can in fact be 3 separate components (potentially inheriting from a common ancestor component?) so this task can be split into 3-4 tasks
• Add the profile page as layout - layout, styling + rendering card components for a list of users. The task can use static data (a hardcoded array)
• Information about all users is extracted from the API
  The above tasks might need a separate integration task in the end, but these should be enough for a start.