Redesign Account Menu

[exalate-issue-sync]

Description

User Stories

• As a user I want to find all account related settings at one spot so that I don't need to search for them.

Value

• self service

Acceptance Criteria

• click on Avatar / Initials opens drop menu
  Options are:

1. Profile: Avatar / Initials, display name (Fallback: username), email adress (nav item to profile page)
2. Settings (nav item to settings page)
3. Quota: Not clickable for now, no hover. Shows relative (integer % - no decimals) and absolute quota (human readable filesize/quota, see filesize component, make sure locale is taken into account). Progress bar: changes color according to progress. 0-79%: owncloud blue-gradient; 80-89%: warning-color (yellow) 90-100%: Error-color (red).
4. Logout

Side note: via graph API we'll have the quota warning stages via API

Definition of done

• Functional requirements
  [ ] functionality described in the user story works
  [ ] acceptance criteria are fulfilled
• Quality
  [ ] codre review happened
  [ ] CI is green
  [ ] critical code received unit tests by the developer
  [ ] automated tests passed (if automated tests are not available, this test needs to be created and passed
• Non-functional requirements
  [ ] no sonar cloud issues