feat(chart): SKFP-692 add pie and chart graphics

[lflangis]

FEATURE

• closes #692

Description

Afin d'unifier nos projets, les graphiques seront maintenant géré côté ferlab-ui.

Pour le moment, nivo reste en 0.80 (et non en 0.83 à cause de ce ticket). Sauf que la verison 0.83 contenait des fix pour les tests unitaires.

Acceptance Criterias

Validation de Qualité

• Validation du design avec design figma (dev)
• QA - Validation des critère de succès (via screenshot)
• Design/UI - Validation du respect du design/theme

Screenshot

Mention

@luclemo @kstonge

[github-actions]

Coverage report for packages/ui

St.❔	Category	Percentage	Covered / Total
🟢	Statements	100%	0/0
🟢	Branches	100%	0/0
🟢	Functions	100%	0/0
🟢	Lines	100%	0/0

Test suite run success

0 tests passing in 0 suite.

Report generated by 🧪jest coverage report action from 75ddb61

[github-actions]

Project Coverage and Test

Statements : 29.18% ( 3375/11564 )
Branches : 54.15% ( 241/445 )
Functions : 25.93% ( 76/293 )
Lines : 29.18% ( 3375/11564 )

Test Suites: 20 passed, 20 total
Tests: 91 passed, 91 total
Snapshots: 0 total
Time: 82.701 s
Ran all test suites.

[kstonge]

J'sais pas si c'est dans le scope de cette PR, mais possible de centrer en hauteur les éléments de la carte Demographics? Mettre le même espacement en haut du titre des graphiques qu'en bas des graphiques.

[lflangis]

@kstonge on peut l'ajuster côté client, il suffit de jouer avec la props margin

[luclemo]

Puisqu'on parle de l'affichage, je dirais que les titres sont trop gros. De plus, je les avait mis en bas pour de raison d'alignement, ex: au cas où il y aurait une carte à coté avec des graphiques sans titre. Pour ce dernier point je suis ouvert à en discuter si ça pose problème.

[luclemo]

Même commentaire que Karine— ci c'est out-of-scope ici, laisse faire on y reviendra là où il faut ✌️

[lflangis]

Le tite est mon oublie @luclemo je vais faire un fix.

[lflangis]

@kstonge @luclemo

Ça devrait être mieux, j'ai du tricher un peu car j'ai appliqué un woraround dans Nivo afin que les composants responsives fonctionnent correctement.

[luclemo]

@lflangis Si c'est le theme de KF, les titres sont toujours mauve (geekblue-7) comme le titre de la carte. Voir maquette KF:
https://www.figma.com/file/WP195zO40mzIX9j6I2AfzJ/KF---Summary-View-2.0?type=design&node-id=609-46957&t=yu70tHGNnlKla9DW-4

[lflangis]

@luclemo en soit c'est fait, j'ai simplement poster une screenshot sans surcharge du theme car cette tâche est ferlab et ne devrait pas concerner le theme de KF (une PR KF sera créé).

Mais voici une screenshot avec le theme surchargé, j'aurais en effet pu l'oublier 😅

[atoulous]

lgtm