[Workspace]Fix page crash caused by invalid workspace color

[wanglam]

Description

This PR for fixing page crashed after invalid color be assigned to avatar component in the Workspace Menu component.

Issues Resolved

#7672

Screenshot

Testing the changes

1.Go to 'Create workspace' page
2.Fill workspace name and select use case, input a invalid color.
3.Click on 'Create workspace' button
4.Workspace should not be created with invalid color, it should show form error

Changelog

• fix: [Workspace]Fix page crash caused by invalid workspace color

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 66.66667% with 5 lines in your changes missing coverage. Please review.

Project coverage is 63.69%. Comparing base (389fd28) to head (8789c06).
Report is 209 commits behind head on main.

Files with missing lines	Patch %	Lines
...orkspace/public/components/workspace_form/utils.ts	71.42%	1 Missing and 1 partial ⚠️
src/plugins/workspace/server/routes/index.ts	0.00%	2 Missing ⚠️
...ublic/components/workspace_menu/workspace_menu.tsx	50.00%	0 Missing and 1 partial ⚠️

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #7671   +/-   ##
=======================================
  Coverage   63.69%   63.69%           
=======================================
  Files        3633     3634    +1     
  Lines       80126    80140   +14     
  Branches    12695    12702    +7     
=======================================
+ Hits        51034    51043    +9     
- Misses      25984    25987    +3     
- Partials     3108     3110    +2     

Flag	Coverage Δ
Linux_1	30.60% <66.66%> (+<0.01%)	⬆️
Linux_2	55.63% <ø> (ø)
Linux_3	40.55% <ø> (ø)
Linux_4	31.30% <ø> (ø)
Windows_1	30.62% <66.66%> (+<0.01%)	⬆️
Windows_2	55.58% <ø> (ø)
Windows_3	40.55% <ø> (ø)
Windows_4	31.30% <ø> (ø)

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.

[Hailong-am]

can we replace it with import { is_valid_hex } from '@opensearch-project/oui/lib/services/color';?

[wanglam]

That not works fine in my local. Seems can't import from @opensearch-project/oui/lib/services/color;
I've tried import { isValidHex } from '@elastic/eui';, but it not works for server side.