[BUGFIX] Threshold color picker goes crazy when holding the mouse cli…

[adrianSepiol]

Description

closes TimeSeriesChart: Threshold color picker goes crazy when holding the mouse click down

Eliminated redundant useState/useEffect pattern that was duplicating the steps state from props. The component was maintaining its own copy of the threshold steps and syncing it via useEffect, which created a race condition where simultaneous updates from useEffect setState calls and onChange callbacks would override each other, causing infinite loops.

Now the component relies solely on the external state passed via props as the single source of truth, ensuring consistent updates without conflicting state synchronization.

Screenshots

Screencast.from.03-03-2026.10.29.42.AM.webm

Checklist

• Pull request has a descriptive title and context useful to a reviewer.
• Pull request title follows the [<catalog_entry>] <commit message> naming convention using one of the
  following catalog_entry values: FEATURE, ENHANCEMENT, BUGFIX, BREAKINGCHANGE, DOC,IGNORE.
• All commits have DCO signoffs.

UI Changes

• Changes that impact the UI include screenshots and/or screencasts of the relevant changes.
• Code follows the UI guidelines.
• E2E tests are stable and unlikely to be flaky.
  See e2e docs for more details. Common issues include:
  • Is the data inconsistent? You need to mock API requests.
  • Does the time change? You need to use consistent time values or mock time utilities.
  • Does it have loading states? You need to wait for loading to complete.

[jgbernalp]

@adrianSepiol thnx for this. Please add your DCO