[Workspace] Refactor the UI of workspace picker

[yubonluo]

Description

Refactor the UI of workspace picker. When workspace and new home page enabled, user can find the workspace menu button on the bottom of left navigation.

Issues Resolved

#7044

Screenshot

• Out of workspace and user is dashboard admin

• In a workspace and user is dashboard admin

• When NewHomePage is disabled, the workspace picker menu will not be shown.

• When user is not dashboard admin, the create workspace button will not been shown in workspace picker menu.

Testing the changes

1. Clone the latest osd code and run yarn osd bootstrap
2. Modify config/opensearch_dashboards.yml

workspace.enabled: true 
uiSettings:
  overrides:
    "home:useNewHomePage": true

3. Run yarn start --no-base-path
4. Click workspace picker

Changelog

• feat: [Workspace] Refactor the UI of workspace picker

Check List

• All tests pass
  • yarn test:jest
  • yarn test:jest_integration
• New functionality includes testing.
• New functionality has been documented.
• Update CHANGELOG.md
• Commits are signed per the DCO using --signoff

[codecov]

Codecov Report

Attention: Patch coverage is 98.00000% with 1 line in your changes missing coverage. Please review.

Project coverage is 67.69%. Comparing base (cc6949b) to head (4932cf3).
Report is 300 commits behind head on main.

Files with missing lines	Patch %	Lines
...ublic/components/workspace_menu/workspace_menu.tsx	97.14%	0 Missing and 1 partial ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #7045      +/-   ##
==========================================
+ Coverage   67.67%   67.69%   +0.01%     
==========================================
  Files        3516     3517       +1     
  Lines       69544    69567      +23     
  Branches    11349    11351       +2     
==========================================
+ Hits        47067    47093      +26     
+ Misses      19692    19689       -3     
  Partials     2785     2785              

Flag	Coverage Δ
Linux_1	33.22% <98.00%> (+0.06%)	⬆️
Linux_2	55.46% <ø> (ø)
Linux_3	43.32% <ø> (+0.01%)	⬆️
Linux_4	34.69% <ø> (ø)
Windows_1	33.24% <98.00%> (+0.06%)	⬆️
Windows_2	55.41% <ø> (ø)
Windows_3	43.32% <ø> (ø)
Windows_4	34.69% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[opensearch-trigger-bot]

The backport to 2.x failed:

The process '/usr/bin/git' failed with exit code 128

To backport manually, run these commands in your terminal:

# Navigate to the root of your repository
cd $(git rev-parse --show-toplevel)
# Fetch latest updates from GitHub
git fetch
# Create a new working tree
git worktree add ../.worktrees/OpenSearch-Dashboards/backport-2.x 2.x
# Navigate to the new working tree
pushd ../.worktrees/OpenSearch-Dashboards/backport-2.x
# Create a new branch
git switch --create backport/backport-7045-to-2.x
# Cherry-pick the merged commit of this pull request and resolve the conflicts
git cherry-pick -x --mainline 1 7f9bdd739ea4a90e161e1efd512b053872d8b6c2
# Push it to GitHub
git push --set-upstream origin backport/backport-7045-to-2.x
# Go back to the original working tree
popd
# Delete the working tree
git worktree remove ../.worktrees/OpenSearch-Dashboards/backport-2.x

Then, create a pull request where the base branch is 2.x and the compare/head branch is backport/backport-7045-to-2.x.

[ruanyl]

@yubonluo the auto backport is failed, you may need a manual backport

[yubonluo]

@yubonluo the auto backport is failed, you may need a manual backport

@wanglam After backporting this pr (#7318), my pr will can successfully auto backport to 2.x

[opensearch-trigger-bot]

The backport to 2.x failed:

The process '/usr/bin/git' failed with exit code 128

To backport manually, run these commands in your terminal:

# Navigate to the root of your repository
cd $(git rev-parse --show-toplevel)
# Fetch latest updates from GitHub
git fetch
# Create a new working tree
git worktree add ../.worktrees/OpenSearch-Dashboards/backport-2.x 2.x
# Navigate to the new working tree
pushd ../.worktrees/OpenSearch-Dashboards/backport-2.x
# Create a new branch
git switch --create backport/backport-7045-to-2.x
# Cherry-pick the merged commit of this pull request and resolve the conflicts
git cherry-pick -x --mainline 1 7f9bdd739ea4a90e161e1efd512b053872d8b6c2
# Push it to GitHub
git push --set-upstream origin backport/backport-7045-to-2.x
# Go back to the original working tree
popd
# Delete the working tree
git worktree remove ../.worktrees/OpenSearch-Dashboards/backport-2.x

Then, create a pull request where the base branch is 2.x and the compare/head branch is backport/backport-7045-to-2.x.

[AMoo-Miki]

This was successfully backported manually.