Make non-running pods panels consistent and style them intuitively

[consideRatio]

Before in JupyterHub dashboard:

Before in Cluster dashboard:

After in either:

[jnywong]

Hmm with this one I usually encounter a problem where the colour for another series "overlays" the time series for another, e.g. in the screenshot, the orange line for unknown should be zero over all time, but "overlays" the pending and failed series.

I see that you went with the time series and not bar chart panel to visualise. I wonder if we can overcome the "overlaying" by using a stacked barchart with mode normal?

[consideRatio]

Hmmm this is very confusing - why does it show up as orange peaks when not stacking? Shouldnt the orange stay at zero!?

Separately, in your screenshot, i see failed as green - but this PR meant to make it red. Is thr screenshot from using this PRs panel? If so, there is a bug in it as i meant to change those colors!

---

Edit: it looks like you hover a peak of 4 on the yaxis - 2 failed + 2 pending, but showing up as orange unknown. This indicates a stacked time series - so, the old version of this panel right?

[jnywong]

Ah man I had the wrong PR checked out 😅

The same thing happens again however (see screenshot)

[consideRatio]

Ah hmm, it seems to me like a visual issue no matter what if we use stacking or not - at least when the situation is that you are looking at data very zoomed out so that the data points are just spikes.

Without stacking	With stacking

Is there a case to make it stacked or non-stacked? I perceived that I could better read relevant details by using non-stacked for this panel.

Here is a comparison:

Without stacking	With stacking

When using stacking, we "lift" some time series on top of others, so in the example above, it looks like the orange color (unknown) is actually non-zero.

[jnywong]

Yeah let's keep it non-stacked in this case. So I think this PR is good to go! Thanks for making these small UX enhancements @consideRatio

[consideRatio]

Thank you @jnywong!!