Dashbaord CO with colored badge

[atrovato]

Pull Request check-list

To ensure your Pull Request can be accepted as fast as possible, make sure to review and check all of these items:

• [ ] If your changes affects code, did your write the tests?
• Are tests passing? (npm test on both front/server)
• Is the linter passing? (npm run eslint on both front/server)
• Did you run prettier? (npm run prettier on both front/server)
• [ ] If you are adding a new features/services, did you run integration comparator? (npm run compare-translations on front)
• [ ] Did you test this pull request in real life? With real devices? If this development is a big feature or a new service, we recommend that you provide a Docker image to the community for testing before merging.
• [ ] If your changes modify the API (REST or Node.js), did you modify the API documentation? (Documentation is based on comments in code)
• [ ] If you are adding a new features/services which needs explanation, did you modify the user documentation? See the GitHub repo and the website.
• [ ] Did you add fake requests data for the demo mode (front/src/config/demo.js) so that the demo website is working without a backend? (if needed) See https://demo.gladysassistant.com.

NOTE: these things are not required to open a PR and can be done afterwards / while the PR is open.

Description of change

CO sensor as colored badge.
https://community.gladysassistant.com/t/type-qualite-de-lair-natif-avec-couleurs-en-fonction-de-la-valeur/7014

A little refacto to allow to enlarge easily and clearly the way to display sensor values.

[codecov]

Codecov Report

Merging #1472 (bc61cd9) into master (3800a76) will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##           master    #1472   +/-   ##
=======================================
  Coverage   96.59%   96.59%           
=======================================
  Files         616      616           
  Lines        8887     8887           
=======================================
  Hits         8584     8584           
  Misses        303      303           

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 3800a76...bc61cd9. Read the comment docs.

[Pierre-Gilles]

It seems the "door opening sensor" are not working when in position 1 :

Otherwise, very nice PR ! It works fine for the Co2 part :)

[atrovato]

You're right, I wrote shield-on instead of shiled as icon class.

[Pierre-Gilles]

Looks good to me! Thanks for your PR 🙏

[relativeci]

Job #245: Bundle Size — 6.73MB (+0.04%).

58aeb37 vs ad1f9a0

Changed metrics (4/10)

Metric	Current	Baseline
Cache Invalidation	60.15%	0%
Modules	1054(+0.38%)	1050
Duplicate Modules	17(+30.77%)	13
Duplicate Code	0.48%(+11.63%)	0.43%

Changed assets by type (1/7)

	Current	Baseline
JS	4.83MB (+0.05%)	4.82MB

---

View Job #245 report on app.relative-ci.com

[Pierre-Gilles]

@atrovato Just one question, where did you find your values for the Co2 limits ?

I find way different values online:

[Pierre-Gilles]