Fixes #24361: Status point next the node hostname doesn't provide much info

[RaphaelGauthier]

https://issues.rudder.io/issues/24361

Result :

[ElaadF]

Isn't a typo on the color here ? I think it's #7591c5 ?

[RaphaelGauthier]

It's not a typo, the last two digits represent the alpha channel. So in this case, 99 corresponds to 60% opacity!

[VinceMacBuche]

I think that's too big and it really catches the eye and you see to much. I don't see the node name anymore

[VinceMacBuche]

I would :

• Keep a circle but the color needs to change with some status.
• When not enabled (and maybe others), the status needs to be displayed in a pretty label not too much invasive (no caps) and probably on the right (after RAM)
• probably a tooltip on the circle

[ElaadF]

• It is almost a standard to have an indication of the status next to the name, and doesn't make sens to me to move it else where, since this is important information when it is not enabled. Two locations for the same information is not the best choice IMO
• If the meaning of the status circle color is not obvious (the circle green is ok) we should use a label, like the previous screen with the name in it, tooltips are nightmare to maintain and it is not the best way to provide information, I think other status than enabled are not very common, making them usefull when they are written and visible, and keep the green circle when it is the most frequent state to not attract too much attention because, I assume, it will be the most frequent scenario

[RaphaelGauthier]

PR rebased

[RaphaelGauthier]

PR updated with a new commit

• If enabled, no label is displayed
• for other states, the label has been reduced to a minimum (label text in capitals and not in uppercase, and padding reduced)
• there is only a small rotating circle for the initializing state, as it is a temporary state (but it can also be removed)

[RaphaelGauthier]

PR updated with a new commit

Another (very) small change, I reduced the gap between machine info items :

[Normation-Quality-Assistant]

This PR is not mergeable to upper versions.
Since it is "Ready for merge" you must merge it by yourself using the following command:
rudder-dev merge https://github.com/Normation/rudder/pull/5508
-- Your faithful QA
Kant merge: "Live your life as though your every act were to become a universal law."
(https://ci.normation.com/jenkins/job/merge-accepted-pr/82413/console)

[VinceMacBuche]

At least it covers the needs to display the status so i merge it

[RaphaelGauthier]

OK, squash merging this PR

[fanf]

OK, merging this PR