[Workspace]Refactor workspace form UI

[wanglam]

Description

This PR includes a bunch of UI updates about the workspace form. Mainly includes below changes:

1. Use full width for workspace form in workspace create and update page
2. Add form error callout
3. Replace fixed bottom bar with action panel for create operation
4. Rename "Admin" to "Owner" and add %me% to permission settings
5. Validate at least one workspace owner in permissions settings

Issues Resolved

#7190

Screenshot

• Create workspace

Screen.Recording.2024-07-11.at.11.37.55.mov

• Update workspace

Screen.Recording.2024-07-11.at.11.40.49.mov

Testing the changes

• Clone branch and run yarn osd bootstrap
• Add below configs to config/opensearch_dashboards.yml

workspace.enabled: true
savedObjects.permission.enabled: true

• Run yarn start --no-base-path
• Login with admin user and goto workspace create page
• Input form data according screenshots

Changelog

• feat: [Workspace] Refactor workspace form UI

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

[github-actions]

❌ Empty Changelog Section

The Changelog section in your PR description is empty. Please add a valid changelog entry or entries. If you did add a changelog entry, check to make sure that it was not accidentally included inside the comment block in the Changelog section.

[codecov]

Codecov Report

Attention: Patch coverage is 98.05195% with 3 lines in your changes missing coverage. Please review.

Project coverage is 67.61%. Comparing base (b422791) to head (a7b3d1d).
Report is 336 commits behind head on main.

Files with missing lines	Patch %	Lines
...orkspace/public/components/workspace_form/utils.ts	97.72%	0 Missing and 2 partials ⚠️
src/plugins/workspace/server/routes/index.ts	0.00%	1 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #7133      +/-   ##
==========================================
+ Coverage   67.56%   67.61%   +0.05%     
==========================================
  Files        3469     3471       +2     
  Lines       68479    68576      +97     
  Branches    11130    11155      +25     
==========================================
+ Hits        46266    46368     +102     
+ Misses      19511    19507       -4     
+ Partials     2702     2701       -1     

Flag	Coverage Δ
Linux_1	33.28% <98.05%> (+0.15%)	⬆️
Linux_2	55.26% <ø> (ø)
Linux_3	45.30% <ø> (-0.01%)	⬇️
Linux_4	34.71% <ø> (ø)
Windows_1	33.31% <98.05%> (+0.15%)	⬆️
Windows_2	55.21% <ø> (ø)
Windows_3	45.32% <ø> (ø)
Windows_4	34.71% <ø> (ø)

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.

[ruanyl]

Nit: should it use useMemo so that the computed id list will update when defaultValues.permissionSettings changed?

[wanglam]

This is by intentionally. The defaultValues should not be changed after workspace form component mount. It's not reflect to the form values. It's not reflect to the latest form values. We need to use these default values to disable the user or group selector .