CLXP-40 Fix minors error

[HuyIT9898]

Purpose: fix minor error for My Laerning Template

• Footer message for Skill Picker modal when select less then 3 skills
• Add space to skilcard progress information text review app: https://6628d2e0fd4aa63f3be2e1ab-hekvvewouj.chromatic.com/?path=/story/template-mylearning--default Before:

After:

[codecov[bot]]

Codecov Report

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

Project coverage is 94.23%. Comparing base (7b9db80) to head (088788e). Report is 12 commits behind head on master.

Additional details and impacted files

[](https://app.codecov.io/gh/CoorpAcademy/components/pull/2854?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy) ```diff @@ Coverage Diff @@ ## master #2854 +/- ## ========================================== - Coverage 95.73% 94.23% -1.50% ========================================== Files 501 396 -105 Lines 8207 6057 -2150 Branches 417 417 ========================================== - Hits 7857 5708 -2149 + Misses 278 277 -1 Partials 72 72 ``` | [Files](https://app.codecov.io/gh/CoorpAcademy/components/pull/2854?dropdown=coverage&src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy) | Coverage Δ | | |---|---|---| | [...omponents/src/molecule/learner-skill-card/index.js](https://app.codecov.io/gh/CoorpAcademy/components/pull/2854?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% <ø> (ø)` | | | [...omponents/src/molecule/skill-picker-modal/index.js](https://app.codecov.io/gh/CoorpAcademy/components/pull/2854?src=pr&el=tree&filepath=packages%2F%40coorpacademy-components%2Fsrc%2Fmolecule%2Fskill-picker-modal%2Findex.js&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy#diff-cGFja2FnZXMvQGNvb3JwYWNhZGVteS1jb21wb25lbnRzL3NyYy9tb2xlY3VsZS9za2lsbC1waWNrZXItbW9kYWwvaW5kZXguanM=) | `71.42% <100.00%> (ø)` | | | [...ecule/skills-chart-side-information-panel/index.js](https://app.codecov.io/gh/CoorpAcademy/components/pull/2854?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%> (ø)` | | | [...ademy-components/src/template/my-learning/index.js](https://app.codecov.io/gh/CoorpAcademy/components/pull/2854?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==) | `84.72% <ø> (ø)` | | ... and [105 files with indirect coverage changes](https://app.codecov.io/gh/CoorpAcademy/components/pull/2854/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/2854?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/2854?dropdown=coverage&src=pr&el=footer&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy). Last update [a2f766a...088788e](https://app.codecov.io/gh/CoorpAcademy/components/pull/2854?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).