Add Learner Skill Card component

[HuyIT9898]

Detailed purpose of the PR lResult and observation Learner skill card with Review and Explore Buttons

• [ ] 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 94.55%. Comparing base (aa46834) to head (38f43bb). Report is 29 commits behind head on master.

Additional details and impacted files

[](https://app.codecov.io/gh/CoorpAcademy/components/pull/2846?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy) ```diff @@ Coverage Diff @@ ## master #2846 +/- ## ========================================== - Coverage 94.87% 94.55% -0.32% ========================================== Files 403 392 -11 Lines 6259 5937 -322 Branches 413 414 +1 ========================================== - Hits 5938 5614 -324 - Misses 250 252 +2 Partials 71 71 ``` | [Files](https://app.codecov.io/gh/CoorpAcademy/components/pull/2846?dropdown=coverage&src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy) | Coverage Δ | | |---|---|---| | [...pacademy-components/src/atom/button-link/index.tsx](https://app.codecov.io/gh/CoorpAcademy/components/pull/2846?src=pr&el=tree&filepath=packages%2F%40coorpacademy-components%2Fsrc%2Fatom%2Fbutton-link%2Findex.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy#diff-cGFja2FnZXMvQGNvb3JwYWNhZGVteS1jb21wb25lbnRzL3NyYy9hdG9tL2J1dHRvbi1saW5rL2luZGV4LnRzeA==) | `100.00% <100.00%> (ø)` | | | [...rpacademy-components/src/atom/button-link/types.ts](https://app.codecov.io/gh/CoorpAcademy/components/pull/2846?src=pr&el=tree&filepath=packages%2F%40coorpacademy-components%2Fsrc%2Fatom%2Fbutton-link%2Ftypes.ts&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy#diff-cGFja2FnZXMvQGNvb3JwYWNhZGVteS1jb21wb25lbnRzL3NyYy9hdG9tL2J1dHRvbi1saW5rL3R5cGVzLnRz) | `100.00% <ø> (ø)` | | | [...es/@coorpacademy-components/src/atom/icon/index.js](https://app.codecov.io/gh/CoorpAcademy/components/pull/2846?src=pr&el=tree&filepath=packages%2F%40coorpacademy-components%2Fsrc%2Fatom%2Ficon%2Findex.js&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy#diff-cGFja2FnZXMvQGNvb3JwYWNhZGVteS1jb21wb25lbnRzL3NyYy9hdG9tL2ljb24vaW5kZXguanM=) | `100.00% <100.00%> (ø)` | | | [...omponents/src/molecule/learner-skill-card/index.js](https://app.codecov.io/gh/CoorpAcademy/components/pull/2846?src=pr&el=tree&filepath=packages%2F%40coorpacademy-components%2Fsrc%2Fmolecule%2Flearner-skill-card%2Findex.js&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy#diff-cGFja2FnZXMvQGNvb3JwYWNhZGVteS1jb21wb25lbnRzL3NyYy9tb2xlY3VsZS9sZWFybmVyLXNraWxsLWNhcmQvaW5kZXguanM=) | `100.00% <100.00%> (ø)` | | ... and [20 files with indirect coverage changes](https://app.codecov.io/gh/CoorpAcademy/components/pull/2846/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/2846?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/2846?dropdown=coverage&src=pr&el=footer&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy). Last update [0eca5e1...38f43bb](https://app.codecov.io/gh/CoorpAcademy/components/pull/2846?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).