introduce skills chart side panel information item

[youssefezzahi96]

The purpose is to use icon component to implement skills-chart-side-information-item & skills-chart-side-information-panel result:

[codecov[bot]]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 94.54%. Comparing base (d87e774) to head (85c44fb). Report is 2 commits behind head on master.

Additional details and impacted files

[](https://app.codecov.io/gh/CoorpAcademy/components/pull/2840?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy) ```diff @@ Coverage Diff @@ ## master #2840 +/- ## ========================================== - Coverage 94.55% 94.54% -0.01% ========================================== Files 388 390 +2 Lines 5875 5887 +12 Branches 412 413 +1 ========================================== + Hits 5555 5566 +11 Misses 250 250 - Partials 70 71 +1 ``` | [Files](https://app.codecov.io/gh/CoorpAcademy/components/pull/2840?dropdown=coverage&src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy) | Coverage Δ | | |---|---|---| | [...lecule/skills-chart-side-information-item/index.js](https://app.codecov.io/gh/CoorpAcademy/components/pull/2840?src=pr&el=tree&filepath=packages%2F%40coorpacademy-components%2Fsrc%2Fmolecule%2Fskills-chart-side-information-item%2Findex.js&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy#diff-cGFja2FnZXMvQGNvb3JwYWNhZGVteS1jb21wb25lbnRzL3NyYy9tb2xlY3VsZS9za2lsbHMtY2hhcnQtc2lkZS1pbmZvcm1hdGlvbi1pdGVtL2luZGV4Lmpz) | `100.00% <100.00%> (ø)` | | | [...ecule/skills-chart-side-information-panel/index.js](https://app.codecov.io/gh/CoorpAcademy/components/pull/2840?src=pr&el=tree&filepath=packages%2F%40coorpacademy-components%2Fsrc%2Fmolecule%2Fskills-chart-side-information-panel%2Findex.js&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy#diff-cGFja2FnZXMvQGNvb3JwYWNhZGVteS1jb21wb25lbnRzL3NyYy9tb2xlY3VsZS9za2lsbHMtY2hhcnQtc2lkZS1pbmZvcm1hdGlvbi1wYW5lbC9pbmRleC5qcw==) | `100.00% <100.00%> (ø)` | | ... and [1 file with indirect coverage changes](https://app.codecov.io/gh/CoorpAcademy/components/pull/2840/indirect-changes?src=pr&el=tree-more&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy) ------ [Continue to review full report in Codecov by Sentry](https://app.codecov.io/gh/CoorpAcademy/components/pull/2840?dropdown=coverage&src=pr&el=continue&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy). > **Legend** - [Click here to learn more](https://docs.codecov.io/docs/codecov-delta?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy) > `Δ = absolute (impact)`, `ø = not affected`, `? = missing data` > Powered by [Codecov](https://app.codecov.io/gh/CoorpAcademy/components/pull/2840?dropdown=coverage&src=pr&el=footer&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy). Last update [c74fa4d...85c44fb](https://app.codecov.io/gh/CoorpAcademy/components/pull/2840?dropdown=coverage&src=pr&el=lastupdated&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy). Read the [comment docs](https://docs.codecov.io/docs/pull-request-comments?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy).

[adamska27]

ce serait bien que tu crées ce template, comme tu as accès au skill chart component maintenant: