fix: tooltips remain visible when hovered

[scomea]

📖 Description

According to standards, the tooltip content should remain visible if the pointer is hovered over it:

Hoverable
If pointer hover can trigger the additional content, then the pointer can be moved over the additional content without the additional content disappearing;

Source: https://www.w3.org/TR/WCAG21/#content-on-hover-or-focus

This change adds a short 60ms delay before tooltips are dismissed after mouseOut. Tooltips remain visible if the anchor or tooltip are hovered before the delay elapses.

🎫 Issues

closes #5660

✅ Checklist

General

• I have included a change request file using $ yarn change
• I have added tests for my changes.
• I have tested my changes.
• I have updated the project documentation to reflect my changes.
• I have read the CONTRIBUTING documentation and followed the standards for this project.

Component-specific

• I have added a new component
• I have modified an existing component
• I have updated the definition file
• I have updated the configuration file

[robarbms]

nit pick: this.hideDelayTimer !== null check isn't needed. It happens in this.clearHideDelayTimer().

Also, it might be better to have this before the check if tooltip isn't visible on line 377 to make sure that it's always cleared.

[scomea]

done