CLXP-64 Learning priority card section

[adamska27]

https://go1web.atlassian.net/browse/CLXP-64

Detailed purpose of the PR

• update existing component CardsList to render learning priority cards + modify arrows design
• update existing Title component to support icon and tag
• update My-learning template to render learningPriorities
• update dashboard template to render learningPriorities

Result and observation

chromatic link: https://6622682e70ecd8ecf5027fa1-udtfhysbfc.chromatic.com/ see:

• learning-priority-card-list

• with-learning-priorities

• [ ] Breaking changes ?
  If checked, what have you broken ?

• [ ] Extra lib ? If checked, Which extra lib did you add ? (name, purpose, link ...).

Testing Strategy

• [ ] Already covered by tests
• [ ] Manual testing
• [ ] Unit testing

[codecov[bot]]

Codecov Report

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

Project coverage is 93.78%. Comparing base (f93e602) to head (d7915e2). Report is 3 commits behind head on master.

Additional details and impacted files

[](https://app.codecov.io/gh/CoorpAcademy/components/pull/2875?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy) ```diff @@ Coverage Diff @@ ## master #2875 +/- ## ========================================== + Coverage 93.76% 93.78% +0.01% ========================================== Files 405 405 Lines 6239 6226 -13 Branches 434 435 +1 ========================================== - Hits 5850 5839 -11 Misses 306 306 + Partials 83 81 -2 ``` | [Files](https://app.codecov.io/gh/CoorpAcademy/components/pull/2875?dropdown=coverage&src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy) | Coverage Δ | | |---|---|---| | [...s/@coorpacademy-components/src/atom/title/index.js](https://app.codecov.io/gh/CoorpAcademy/components/pull/2875?src=pr&el=tree&filepath=packages%2F%40coorpacademy-components%2Fsrc%2Fatom%2Ftitle%2Findex.js&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy#diff-cGFja2FnZXMvQGNvb3JwYWNhZGVteS1jb21wb25lbnRzL3NyYy9hdG9tL3RpdGxlL2luZGV4Lmpz) | `100.00% <ø> (ø)` | | | [...ponents/src/molecule/dashboard/cards-list/index.js](https://app.codecov.io/gh/CoorpAcademy/components/pull/2875?src=pr&el=tree&filepath=packages%2F%40coorpacademy-components%2Fsrc%2Fmolecule%2Fdashboard%2Fcards-list%2Findex.js&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy#diff-cGFja2FnZXMvQGNvb3JwYWNhZGVteS1jb21wb25lbnRzL3NyYy9tb2xlY3VsZS9kYXNoYm9hcmQvY2FyZHMtbGlzdC9pbmRleC5qcw==) | `97.61% <100.00%> (ø)` | | | [...ents/src/molecule/learning-priority-card/index.tsx](https://app.codecov.io/gh/CoorpAcademy/components/pull/2875?src=pr&el=tree&filepath=packages%2F%40coorpacademy-components%2Fsrc%2Fmolecule%2Flearning-priority-card%2Findex.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy#diff-cGFja2FnZXMvQGNvb3JwYWNhZGVteS1jb21wb25lbnRzL3NyYy9tb2xlY3VsZS9sZWFybmluZy1wcmlvcml0eS1jYXJkL2luZGV4LnRzeA==) | `100.00% <100.00%> (+23.52%)` | :arrow_up: | | [...nents/src/molecule/learning-priority-card/types.ts](https://app.codecov.io/gh/CoorpAcademy/components/pull/2875?src=pr&el=tree&filepath=packages%2F%40coorpacademy-components%2Fsrc%2Fmolecule%2Flearning-priority-card%2Ftypes.ts&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy#diff-cGFja2FnZXMvQGNvb3JwYWNhZGVteS1jb21wb25lbnRzL3NyYy9tb2xlY3VsZS9sZWFybmluZy1wcmlvcml0eS1jYXJkL3R5cGVzLnRz) | `100.00% <ø> (ø)` | | | [...-components/src/template/common/dashboard/index.js](https://app.codecov.io/gh/CoorpAcademy/components/pull/2875?src=pr&el=tree&filepath=packages%2F%40coorpacademy-components%2Fsrc%2Ftemplate%2Fcommon%2Fdashboard%2Findex.js&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy#diff-cGFja2FnZXMvQGNvb3JwYWNhZGVteS1jb21wb25lbnRzL3NyYy90ZW1wbGF0ZS9jb21tb24vZGFzaGJvYXJkL2luZGV4Lmpz) | `95.83% <100.00%> (+0.18%)` | :arrow_up: | | [...ademy-components/src/template/my-learning/index.js](https://app.codecov.io/gh/CoorpAcademy/components/pull/2875?src=pr&el=tree&filepath=packages%2F%40coorpacademy-components%2Fsrc%2Ftemplate%2Fmy-learning%2Findex.js&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy#diff-cGFja2FnZXMvQGNvb3JwYWNhZGVteS1jb21wb25lbnRzL3NyYy90ZW1wbGF0ZS9teS1sZWFybmluZy9pbmRleC5qcw==) | `85.52% <100.00%> (-0.90%)` | :arrow_down: | ... and [5 files with indirect coverage changes](https://app.codecov.io/gh/CoorpAcademy/components/pull/2875/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/2875?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/2875?dropdown=coverage&src=pr&el=footer&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy). Last update [f93e602...d7915e2](https://app.codecov.io/gh/CoorpAcademy/components/pull/2875?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).