Issue Summary

The team availability page has hover animations on time slots that follow the user's cursor. However, when switching to the next/previous day while hovering over time slots, the animation suddenly shifts to the left creating a jarring visual experience. Additionally, the hover highlight can overflow beyond the container boundaries, extending below the visible area.

Steps to Reproduce

1. Navigate to /availability?type=team (team availability page)
2. Hover over any time slot to see the highlight animation following your cursor
3. While still hovering, click the "next day" button (right arrow) to switch to the next day
4. Observe the animation behavior

Actual Results

• The hover highlight animation suddenly jumps/shifts to the left when switching days
• The animation creates a jarring visual transition instead of smooth behavior
• The highlight element can overflow beyond the bottom of the container
• Animation state persists for too long (1000ms) after hover ends, causing visual artifacts

Expected Results

• When switching days, the hover animation should smoothly reset without any sudden left shifts
• The highlight should stay within container boundaries at all times
• Animation should disappear quickly when not hovering to avoid visual artifacts
• Overall smooth, professional user experience when navigating between days

Evidence