Primary nav fails to render with trailing space in cluster badge color

[rak-phillip]

The primary navigation bar in Rancher Dashboard fails to render if a space is entered for a custom badge color for a cluster.

Steps to reproduce

1. Navigate to Cluster Management
2. Click on Create and select an RKE2 cluster
3. Fill out the required fields for creating an RKE2 cluster
4. Click on Cluster Appearance => Customize
5. Enable Badge background color and select a background color for the cluster
6. Create the cluster
7. Click on "Edit YAML" for the newly created cluster
8. Modify ui.rancher/badge-color so that it contains trailing whitespace (e.g ui.rancher/badge-color: '#1a5fb4 '
9. Save the changes

Expected behavior

No errors in the console and primary navigation renders

Actual behavior

Error is printed to the console

Error: Unable to parse color from string: #1a5fb4 
    Color index.js:49
    Color index.js:24
    parseColor color.js:85
    get badge management.cattle.io.cluster.js:315
    get reactivity.esm-bundler.js:492
    clusters TopLevelMenu.vue:107
    clusters TopLevelMenu.vue:98

Primary navigation fails to render

Screenshots

[gaktive]

Internal reference: SURE-9153

[gaktive]

@nwmac working on something similar with the form validation in the colour picker.

[nwmac]

/backport v2.9.4

[nwmac]

/backport v2.8.10

[rancher-max]

Validated using rancher head build

Version Information:

Validation Information:

• Performed the steps mentioned and noticed no error in the console and primary navigation renders properly
• Edited as Form and then went to Edit as YAML from that page and saw the same good results
• Used different forms of whitespace (tab, single space, multiple spaces, new lines) and saw the same good results