CLXP-163 Accessibility: Add Tooltip on long hover for IconOnly button

[HuyIT9898]

Purpose: Add Tooltip on long hover for IconOnly button that display the aria label (ex: close, delete, edit, ...)

review link: https://6628d2e0fd4aa63f3be2e1ab-xizdkkdzku.chromatic.com/?path=/story/atom-buttonlinkicon--back

[codecov[bot]]

Codecov Report

Attention: Patch coverage is 80.64516% with 6 lines in your changes missing coverage. Please review.

Project coverage is 93.24%. Comparing base (3fcf9c6) to head (0bbeb94). Report is 2 commits behind head on master.

Files with missing lines	Patch %	Lines
...demy-components/src/atom/button-link-icon/index.js	80.64%	6 Missing :warning:

Additional details and impacted files

[](https://app.codecov.io/gh/CoorpAcademy/components/pull/2887?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy) ```diff @@ Coverage Diff @@ ## master #2887 +/- ## ========================================== - Coverage 93.32% 93.24% -0.09% ========================================== Files 410 410 Lines 6371 6383 +12 Branches 436 436 ========================================== + Hits 5946 5952 +6 - Misses 344 350 +6 Partials 81 81 ``` | [Files with missing lines](https://app.codecov.io/gh/CoorpAcademy/components/pull/2887?dropdown=coverage&src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy) | Coverage Δ | | |---|---|---| | [...@coorpacademy-components/src/atom/tooltip/index.js](https://app.codecov.io/gh/CoorpAcademy/components/pull/2887?src=pr&el=tree&filepath=packages%2F%40coorpacademy-components%2Fsrc%2Fatom%2Ftooltip%2Findex.js&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy#diff-cGFja2FnZXMvQGNvb3JwYWNhZGVteS1jb21wb25lbnRzL3NyYy9hdG9tL3Rvb2x0aXAvaW5kZXguanM=) | `100.00% <ø> (ø)` | | | [...ts/src/molecule/bullet-point-menu-button/index.tsx](https://app.codecov.io/gh/CoorpAcademy/components/pull/2887?src=pr&el=tree&filepath=packages%2F%40coorpacademy-components%2Fsrc%2Fmolecule%2Fbullet-point-menu-button%2Findex.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy#diff-cGFja2FnZXMvQGNvb3JwYWNhZGVteS1jb21wb25lbnRzL3NyYy9tb2xlY3VsZS9idWxsZXQtcG9pbnQtbWVudS1idXR0b24vaW5kZXgudHN4) | `100.00% <ø> (ø)` | | | [...pacademy-components/src/molecule/cm-popin/index.js](https://app.codecov.io/gh/CoorpAcademy/components/pull/2887?src=pr&el=tree&filepath=packages%2F%40coorpacademy-components%2Fsrc%2Fmolecule%2Fcm-popin%2Findex.js&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy#diff-cGFja2FnZXMvQGNvb3JwYWNhZGVteS1jb21wb25lbnRzL3NyYy9tb2xlY3VsZS9jbS1wb3Bpbi9pbmRleC5qcw==) | `86.53% <ø> (ø)` | | | [...src/molecule/expandible-actionable-table/index.tsx](https://app.codecov.io/gh/CoorpAcademy/components/pull/2887?src=pr&el=tree&filepath=packages%2F%40coorpacademy-components%2Fsrc%2Fmolecule%2Fexpandible-actionable-table%2Findex.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy#diff-cGFja2FnZXMvQGNvb3JwYWNhZGVteS1jb21wb25lbnRzL3NyYy9tb2xlY3VsZS9leHBhbmRpYmxlLWFjdGlvbmFibGUtdGFibGUvaW5kZXgudHN4) | `100.00% <ø> (ø)` | | | [...onents/src/molecule/playlist-detail-cover/index.js](https://app.codecov.io/gh/CoorpAcademy/components/pull/2887?src=pr&el=tree&filepath=packages%2F%40coorpacademy-components%2Fsrc%2Fmolecule%2Fplaylist-detail-cover%2Findex.js&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy#diff-cGFja2FnZXMvQGNvb3JwYWNhZGVteS1jb21wb25lbnRzL3NyYy9tb2xlY3VsZS9wbGF5bGlzdC1kZXRhaWwtY292ZXIvaW5kZXguanM=) | `100.00% <ø> (ø)` | | | [...emy-components/src/organism/review-header/index.js](https://app.codecov.io/gh/CoorpAcademy/components/pull/2887?src=pr&el=tree&filepath=packages%2F%40coorpacademy-components%2Fsrc%2Forganism%2Freview-header%2Findex.js&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy#diff-cGFja2FnZXMvQGNvb3JwYWNhZGVteS1jb21wb25lbnRzL3NyYy9vcmdhbmlzbS9yZXZpZXctaGVhZGVyL2luZGV4Lmpz) | `100.00% <ø> (ø)` | | | [...demy-components/src/organism/setup-header/index.js](https://app.codecov.io/gh/CoorpAcademy/components/pull/2887?src=pr&el=tree&filepath=packages%2F%40coorpacademy-components%2Fsrc%2Forganism%2Fsetup-header%2Findex.js&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy#diff-cGFja2FnZXMvQGNvb3JwYWNhZGVteS1jb21wb25lbnRzL3NyYy9vcmdhbmlzbS9zZXR1cC1oZWFkZXIvaW5kZXguanM=) | `84.61% <ø> (ø)` | | | [...y-components/src/organism/wizard-contents/index.js](https://app.codecov.io/gh/CoorpAcademy/components/pull/2887?src=pr&el=tree&filepath=packages%2F%40coorpacademy-components%2Fsrc%2Forganism%2Fwizard-contents%2Findex.js&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy#diff-cGFja2FnZXMvQGNvb3JwYWNhZGVteS1jb21wb25lbnRzL3NyYy9vcmdhbmlzbS93aXphcmQtY29udGVudHMvaW5kZXguanM=) | `100.00% <ø> (ø)` | | | [...nts/src/template/back-office/brand-update/index.js](https://app.codecov.io/gh/CoorpAcademy/components/pull/2887?src=pr&el=tree&filepath=packages%2F%40coorpacademy-components%2Fsrc%2Ftemplate%2Fback-office%2Fbrand-update%2Findex.js&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy#diff-cGFja2FnZXMvQGNvb3JwYWNhZGVteS1jb21wb25lbnRzL3NyYy90ZW1wbGF0ZS9iYWNrLW9mZmljZS9icmFuZC11cGRhdGUvaW5kZXguanM=) | `100.00% <ø> (ø)` | | | [...nts/src/template/common/faq-article-page/index.tsx](https://app.codecov.io/gh/CoorpAcademy/components/pull/2887?src=pr&el=tree&filepath=packages%2F%40coorpacademy-components%2Fsrc%2Ftemplate%2Fcommon%2Ffaq-article-page%2Findex.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy#diff-cGFja2FnZXMvQGNvb3JwYWNhZGVteS1jb21wb25lbnRzL3NyYy90ZW1wbGF0ZS9jb21tb24vZmFxLWFydGljbGUtcGFnZS9pbmRleC50c3g=) | `100.00% <ø> (ø)` | | | ... and [3 more](https://app.codecov.io/gh/CoorpAcademy/components/pull/2887?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/2887?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/2887?dropdown=coverage&src=pr&el=footer&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CoorpAcademy). Last update [ade3446...0bbeb94](https://app.codecov.io/gh/CoorpAcademy/components/pull/2887?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).