EPIC: Personal user pages and navigation

[lfaucon]

Context

Multiple backend features have been implemented but have not yet been integrated in the frontend. We also were unsure how to add new pages specific to the user or publicly shareable pages on the frontend. An initial brainstorm was conducted on MIRO about this feature (https://miro.com/app/board/uXjVOMy5GR4=/) but there are probably some more discussion needed.

One of the navigation pattern that was very concensual was to have a top-right menu for personnal pages similar to Github's (see screenshot). Another option that may be insteres

Example of pages to consider:

• [soonish] Pages for users to fix their inconsistencies (either scores or cycle inconsistencies)
• [future] Page for users usage preferences (e.g. default config on recommendation page, minimum number of conmparison for removing from rate_later, ...)
• [existing, hidden] Page for users to explore their own recommendations
• [existing, hidden] Sharable page for user's public recommendations
• [future] Page for user's public profile
• [future, uncertain] Visualize graph of all comparisons

Acceptance

1. Top bar menu has been implemented and is used for navigation to personnal pages. Typically pages related to comparisons may be separated from pages related to user account and settings. Navigation between Acount and profile can be moved to the menu. Logout can be moved to the menu.
2. Pages not taggued [future] above should be available

[GresilleSiffle]

According to the acceptance criteria, here is my proposition for the first pull request:

1. create the top-right menu
2. add the items Profile and Account

• [x] This first step is tracked by #998

After that we will be able to add any page to this menu. Should we talk about the design of the personal recommendations page before? We could use the same layout of the collective recommendations page, with an indication to show that we are currently viewing a user's public recommendations.