Enhance zoom controls for better usability

[p-malecki]

In this PR, we enhance the user experience of the zoom controls:

• added a 100ms hover delay before displaying the zoom controls to prevent them from appearing too unintentionally
• accelerated the translateX transition, reducing its duration from 0.5sec to 0.2sec
• shortened the delay for hiding the zoom controls from 2sec to 0.4sec
• increased the area that detects mouse events, which improves accessibility
• fixed the visibility of the "x" multiplier in the zoom component by reducing the text width to conceal the "x" letter when not hovered over
• replaced onMouseOut with onMouseLeave to prevent triggering events when moving the mouse out of children elements of the button-group-left-wrapper (similar adjustment with onMouseEnter)

Fixes #730

Test plan:

• tested regular and rapid interaction with the zoom controls to ensure smooth functionality
• ensured that the zoom controls no longer appears when the cursor quickly crosses its area unintentionally

Before	After
Area that detects mouse events:
Before	After

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
radon-ide	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 20, 2024 9:21am

[maciekstosio]

When you select the zoom outside the observed area it stays open. I don't think it's intended.

[p-malecki]

When you select the zoom outside the observed area it stays open. I don't think it's intended.

Screen.Recording.2024-11-20.at.08.13.04.mov

I'm aware of this issue, it was present before this PR. I've created issue #747 and will address it in a future.