use icons for service status in dashboard

[danmoseley]

Consider replacing the text in the State column with icons (plus accessible text through aria/hover) in order to reduce the wall of text on the dashboard and make it quicker and easier to scan for state.

I guess the possible states are Exited, FailedToStart, Paused, Pending, Removed, Running, Unknown

We could do this short term with something like the open source bootstrap icons?

[JamesNK]

The icon could just be a circle and then red/green/yellow depending on the status.

[timheuer]

Fluent icons have: DissmissCircle (error state), ErrorCircle (warning state), CircleFilled (good state) I would think would be good visuals + color as James suggests.

[DamianEdwards]

The icon could just be a circle and then red/green/yellow depending on the status.

For accessibility reasons we shouldn't rely on different colors of the same shape to indicate anything, but the Fluent icons @timheuer suggests should be different enough without considering color to be OK.

[dbreshears]

Need to take a look at this in conjunction with #533. Moving to after Preview

[danmoseley]

needs design but then could potentially be 'good first issue'

[davidfowl]

This is fixed in #1788