Incorporate new improvements from upstream in the React UI

[onprem]

In past few months there have been a sizable amount of UI related improvemnts in the upstream Prometheus code. A lot of those improvements make sense for Thanos as well.

Here's a list of PRs (in no specific order) that I think we should take a look at:

• Fix styling bug for target labels with special names. Fix styling bug for target labels with special names prometheus/prometheus#7902 Fixed in UI: Fix styling bug for target labels with special names  #3692
• Remove the need of pathPrefix in the React UI. react updates for pathPrefix prometheus/prometheus#7979
• Add key to StatusWithStatusIndicator component in loop. add key to StatusWithStatusIndicator component in loop prometheus/prometheus#6879 Fixed in ui: Add key to StatusWithStatusIndicator #3656
• Fix react UI bug with series going on and off. Fix react UI bug with series going on and off prometheus/prometheus#7804 Fixed in UI: Fix react UI bug with series going on and off #3693
• Support new duration format in graph range input. Support new duration format in graph range input prometheus/prometheus#7833
• Fix detail swatch glitch. Fix detail swatch glitch prometheus/prometheus#7805 Fixed in Fix detail swatch glitch #3676
• Fix button display when there is no panels. Fix button display when there is no panels prometheus/prometheus#8155 Fixed in Fix button display when there is no panels #3694
• React UI: Change "metrics autocomplete" with "autocomplete". React UI: Change "metrics autocomplete" with "autocomplete" prometheus/prometheus#8174 Fixed in Changed "metrics autocomplete" with "autocomplete" #3575

Most of these are pretty straightforward and small changes and should be easy for first time contributors.

[subhangi2731]

can you assign this issue to me @prmsrswt

[onprem]

@subhangi2731 There are a lot of small tasks here, so you can pick something you'd like to work on and just comment here that you are working on it. That'll be sufficient to reduce duplicate efforts imo.

[Namanl2001]

@prmsrswt I'll open a PR for
Fix styling bug for target labels with special names
Remove the need of pathPrefix in the React UI.
Fix react UI bug with series going on and off.
Fix button display when there is no panels soon.

[ajinkya359]

@prmsrswt I will work on the issue
fix detail swatch glitch

[ajinkya359]

I will open a PR for Support new duration format in graph range input

[yeya24]

This was closed by accident. Reopen it now.

[yeya24]

We also want to add the new editor. Should we add it here or open another issue?

[stale]

Hello 👋 Looks like there was no activity on this issue for the last two months.
Do you mind updating us on the status? Is this still reproducible or needed? If yes, just comment on this PR or push a commit. Thanks! 🤗
If there will be no activity in the next two weeks, this issue will be closed (we can always reopen an issue if we need!). Alternatively, use remind command if you wish to be reminded at some point in future.

[stale]

Hello 👋 Looks like there was no activity on this issue for the last two months.
Do you mind updating us on the status? Is this still reproducible or needed? If yes, just comment on this PR or push a commit. Thanks! 🤗
If there will be no activity in the next two weeks, this issue will be closed (we can always reopen an issue if we need!). Alternatively, use remind command if you wish to be reminded at some point in future.

[stale]

Closing for now as promised, let us know if you need this to be reopened! 🤗

[stale]

Hello 👋 Looks like there was no activity on this issue for the last two months.
Do you mind updating us on the status? Is this still reproducible or needed? If yes, just comment on this PR or push a commit. Thanks! 🤗
If there will be no activity in the next two weeks, this issue will be closed (we can always reopen an issue if we need!). Alternatively, use remind command if you wish to be reminded at some point in future.

[Namanl2001]

still valid

[stale]

Hello 👋 Looks like there was no activity on this issue for the last two months.
Do you mind updating us on the status? Is this still reproducible or needed? If yes, just comment on this PR or push a commit. Thanks! 🤗
If there will be no activity in the next two weeks, this issue will be closed (we can always reopen an issue if we need!). Alternatively, use remind command if you wish to be reminded at some point in future.

[stale]

Closing for now as promised, let us know if you need this to be reopened! 🤗