fix: replace use tooltip instead of toast for show tip information

[tiendn]

We should use tooltips to display tip information instead of Toasts.

Reasons:

• Users have to shift their focus from the current help area to the bottom right corner, resulting in poor user experience. It becomes unclear which help was hovered over after moving the mouse.
• Toasts have a delay that is too long and are limited to a maximum of two. Even when moving to another location or page, they still appear and continue to display if clicked multiple times.

Solution:

• Implement tooltips using react-tooltip.
• Remove the onClick event and display tooltips instead of Toasts.

I have some demo videos here:
Before:

Screen.Recording.2024-04-24.at.23.26.36.mov

After:

Screen.Recording.2024-04-24.at.23.27.22.mov

[vercel]

Someone is attempting to deploy a commit to the Abacus Works Team on Vercel.

A member of the Team first needs to authorize it.

[jmrossy]

Looks great, thank you! Just a few minor tweaks needed

[tiendn]

Thanks @jmrossy.
I've updated