feat(menu-account): organizations switcher and account settings access

[RemiBonnet]

What does this PR do?

> Link to the JIRA ticket

• Add organizations switcher on the left Navigation
• Update Avatar component

---

PR Checklist

Global

• This PR does not introduce any breaking change
• This PR introduces breaking change(s) and has been labeled as such
• I have found someone to review this PR and pinged him

Store

• This PR introduces new store changes

NX

• I have run the dep-graph locally and made sure the tree was clean i.e no circular dependencies
• I have followed the library pattern i.e feature, ui, data, utils

Clean Code

• I made sure the code is type safe (no any)
• I have included a feature flag on my feature, if applicable

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit 9a3445d. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this branch

---

✅ Successfully ran 2 targets

• nx affected --target=test --parallel=3 --configuration=staging --ci --code-coverage --coverageReporters=lcov --silent
• nx affected --target=build --parallel=3 --configuration=staging

---

Sent with 💌 from NxCloud.

[evoxmusic]

A preview environment was automatically created via Qovery.
Click on the link below to follow its deployment and use it.
👉 [PR] staging - feat(menu-account): organizations switcher and account settings access - 2022-12-23T16:22:48Z

Another comment will be posted when deployments are terminated

[evoxmusic]

Your preview environment has been successfully deployed !
Click on the link below to open your service:
👉 console
👉 storybook

[codecov-commenter]

Codecov Report

Merging #429 (9a3445d) into staging (eaa3c8a) will increase coverage by 0.02%.
The diff coverage is 56.25%.

@@             Coverage Diff             @@
##           staging     #429      +/-   ##
===========================================
+ Coverage    52.71%   52.74%   +0.02%     
===========================================
  Files          329      331       +2     
  Lines         6254     6279      +25     
  Branches      1362     1372      +10     
===========================================
+ Hits          3297     3312      +15     
- Misses        2517     2522       +5     
- Partials       440      445       +5     

Impacted Files	Coverage Δ
...ibs/pages/layout/src/lib/feature/layout/layout.tsx	53.12% <0.00%> (-1.43%)	⬇️
.../pages/layout/src/lib/ui/navigation/navigation.tsx	66.66% <ø> (-2.57%)	⬇️
...-feature/page-organization-danger-zone-feature.tsx	64.28% <0.00%> (-4.95%)	⬇️
libs/shared/utils/src/lib/tools/refacto-payload.ts	45.23% <0.00%> (-1.11%)	⬇️
...es/layout/src/lib/ui/menu-account/menu-account.tsx	58.82% <58.82%> (ø)
...ture/menu-account-feature/menu-account-feature.tsx	71.42% <71.42%> (ø)
...ages/layout/src/lib/ui/layout-page/layout-page.tsx	100.00% <100.00%> (ø)
...eral-feature/page-organization-general-feature.tsx	87.50% <100.00%> (+0.54%)	⬆️
libs/pages/logs/infra/src/lib/ui/row/row.tsx	89.47% <0.00%> (-10.53%)	⬇️
...luster-buttons-actions/cluster-buttons-actions.tsx	66.66% <0.00%> (+7.14%)	⬆️

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more

[bdebon]

Hey Remi ! Super cool feature ! It is so nice not having this huge breadcrumb up there. The widget works pretty well, I just have found a weird scroll jumb behavior.
If I refresh the page, I click on this switch widget, when I hove my mouse for the first time on the list, it then jumps the scroll at the level of the selected organization which is a little bit disturbing. I tried to showcase that in the video below:

CleanShot.2022-12-26.at.17.03.31.mp4

[bdebon]

the alt could be organization logo

[bdebon]

Is it possible to type this variable so we can have autocomplete and checked type?

[bdebon]

🎉 This PR is included in version 1.7.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀