What does this PR do?

Improves timezone buddy cell highlight animation responsiveness and fixes visual glitches fixes #22206

• Reduced animation timeout from 1000ms to 300ms for snappier hover responses
• Fixed highlight position jumping when navigating between dates by resetting animation state
• Corrected CSS typo (opcaity-0 → opacity-0) and improved container overflow handling
• Enhanced UX by clearing hover state when browsing date changes

The changes make the timezone comparison interface feel more responsive and prevent jarring visual transitions when users navigate between different dates.

Video Demo (if applicable):

https://github.com/user-attachments/assets/70eede1b-5c42-4654-93f3-54f9d0199c36

Mandatory Tasks (DO NOT REMOVE)

• I have self-reviewed the code (A decent size PR without self-review might be rejected).
• I have updated the developer docs in /docs if this PR makes changes that would require a documentation change. If N/A, write N/A here and check the checkbox.
• I confirm automated tests are in place that prove my fix is effective or that my feature works.