[TSVB] Allows users to change the series color from the legend

[stratoula]

Summary

Closes #36544
This PR enables the color picker on the legends of the timeseries tab. I used the same picker as the one used on the visualizations.

The user can change the default color of a series. You can see how it works on the following video

Checklist

Delete any items that are not applicable to this PR.

• Any text added follows EUI's writing guidelines, uses sentence case text and includes i18n support
• Documentation was added for features that require explanation or tutorials
• Unit or functional tests were updated or added to match the most common scenarios
• Any UI touched in this PR is usable by keyboard only (learn more about keyboard accessibility)
• Any UI touched in this PR does not create any new axe failures (run axe in browser: FF, Chrome)
• If a plugin configuration key changed, check if it needs to be whitelisted in the cloud and added to the docker list
• This renders correctly on smaller devices using a responsive layout. (You can test this in your browser)
• This was checked for cross-browser compatibility

For maintainers

• This was checked for breaking API changes and was labeled appropriately

[stratoula]

@elasticmachine merge upstream

[stratoula]

@elasticmachine merge upstream

[stratoula]

@elasticmachine merge upstream

[stratoula]

@elasticmachine merge upstream

[stratoula]

@elasticmachine merge upstream

[stratoula]

@elasticmachine merge upstream

[stratoula]

@elasticmachine merge upstream

[stratoula]

This is a draft PR but I would love your feedback on the changes @alexfrancoeur @markov00

[stratoula]

@elasticmachine merge upstream

[stratoula]

@elasticmachine merge upstream

[stratoula]

@elasticmachine merge upstream

[stratoula]

@elasticmachine merge upstream

[kibanamachine]

⏳ Build in-progress, with failures

• continuous-integration/kibana-ci/pull-request
• Commit: a76305e
• Storybooks Preview
• This comment will update when the build is complete

Failed CI Steps

• Execute xpack-kibana-ciGroup10

History

• 💔 Build #108306 failed 81d4c44
• 💚 Build #107616 succeeded 5769e68
• 💔 Build #107603 failed 36efe43
• 💚 Build #106480 succeeded 02a3f2c
• 💚 Build #104582 succeeded b134926

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

[stratoula]

@elasticmachine merge upstream

[stratoula]

@elasticmachine merge upstream

[kibanamachine]

merge conflict between base and head

[stratoula]

@elasticmachine merge upstream

[stratoula]

@elasticmachine merge upstream

[stratoula]

@elasticmachine merge upstream

[stratoula]

@elasticmachine merge upstream

[stratoula]

I am closing it, we have to define our coloring strategy in general. We will return to this, after that.

[kibanamachine]

💚 Build Succeeded

• continuous-integration/kibana-ci/pull-request
• Commit: 12ee9ff
• Storybooks Preview

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id	before	after	diff
visTypeTimeseries	471	473	+2

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id	before	after	diff
visTypeTimeseries	1.7MB	1.7MB	+11.6KB

Page load bundle

Size of the bundles that are downloaded on every page load. Target size is below 100kb

id	before	after	diff
visTypeTimeseries	126.8KB	129.9KB	+3.0KB

History

• 💔 Build #110641 failed 5517e47
• 💔 Build #110631 failed e39b7db
• 💚 Build #110358 succeeded ebc28a2
• 💔 Build #110296 failed e4d87e0
• 💛 Build #110284 was flaky c475a16

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream