Add colours to GitHub dashboard metric visualisations

[yenienserrano]

Description

Add colours to the metric visualisations on the GitHub dashboard with the 3 colors allowed for such visualisations.

Issues Resolved

• Add colours to github Dashboard visualisations #6856

Evidence

Test

1. Navigate to Github > Dashboard
2. Check the colors of the metrics visualizations

Check List

• All tests pass
  • yarn test:jest
• New functionality includes testing.
• New functionality has been documented.
• Update CHANGELOG.md
• Commits are signed per the DCO using --signoff

[github-actions]

Wazuh Core plugin code coverage (Jest) test	%	values
Statements	45.96%	( 399 / 868 )
Branches	41.97%	( 157 / 374 )
Functions	44.01%	( 136 / 309 )
Lines	46.16%	( 397 / 860 )

[github-actions]

Wazuh Check Updates plugin code coverage (Jest) test	%	values
Statements	76.44%	( 172 / 225 )
Branches	58.65%	( 61 / 104 )
Functions	61.7%	( 29 / 47 )
Lines	76.44%	( 172 / 225 )

[github-actions]

Main plugin code coverage (Jest) test	%	values
Statements	13.64%	( 3989 / 29232 )
Branches	9.1%	( 1744 / 19151 )
Functions	13.35%	( 943 / 7063 )
Lines	13.83%	( 3886 / 28094 )

[Desvelao]

Tests

Legend:
⚫: none
🟢: pass
🟡: warning
🔴: fail
⚪: not applicable

UI

Test	Chrome	Firefox	Safari
Navigate to Github > Dashboard. Check the colors of the metrics visualizations	🟢	⚫	⚫

Details

🟢 Navigate to Github > Dashboard. Check the colors of the metrics visualizations

Chrome - 🟢

Firefox - ⚫

Safari - ⚫

[Desvelao]

LGTM!

[Machi3mfl]

Tests

Legend:
⚫: none
🟢: pass
🟡: warning
🔴: fail
⚪: not applicable

UI

Test	Chrome	Firefox	Safari
Navigate to Github > Dashboard. Check the colors of the metrics visualizations	🟢	⚫	⚫

Details

🟢 Navigate to Github > Dashboard. Check the colors of the metrics visualizations

Chrome - 🟢

Firefox - ⚫

Safari - ⚫