[ui] Update the Task Lifecycle Status chart

[philrenaud]

• Now using Helios for component styles
• Added colour/border styles to indicate when a task is failed, running, pending, complete, or dead/never-started

(formerly looked like this:)

[philrenaud]

A few quick notes for reviewers: This chart shows up in two places: on a Task Group page and on an Allocation page.

You may notice a few conditionals like this.taskState?.prop — taskStates are only passed in for the Allocation version of this chart (where these lifecycle hooks can be said to represent an actual running task, and therefore get links, a singular status, etc.) as opposed to on task group pages (where the chart is a map of the configuration of lifecycles, in other words, the map but not the territory)

The pending/shimmer effect is borrowed from the job status/deployments panel

[github-actions]

Ember Test Audit comparison

	main	28c062a	change
passes	1581	1577	-4
failures	0	4	+4
flaky	0	0	0
duration	12m 02s 580ms	000ms	-12m 02s 580ms

[schmichael]

This is fantastic!