What does this PR do?

Context: /availability route

• On one schedule availability, delete button style felt like broken on hover (video attached). I have changed the button hover colour by a margin so that it is visible when it is disabled.

Visual Demo (For contributors especially)

A visual demonstration is strongly recommended, for both the original and new change (video / image - any one).

Video Demo (if applicable):

• Show screen recordings of the issue or feature.
• Demonstrate how to reproduce the issue, the behavior before and after the change.

Before:

After:

Delete Button on multiple schedule availability (enabled to delete availability).

Mandatory Tasks (DO NOT REMOVE)

• I have self-reviewed the code (A decent size PR without self-review might be rejected).
• [N/A]. 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.

How should this be tested?

Navigate to Availability Settings (/availability)

• Test Light Mode:
• Hover over delete button (trash icon)
  Expected: Icon remains visible in darker red, doesn't fade

Test Dark Mode

• Switch to dark mode
• Hover over delete button
  Expected: Icon turns white with clear visibility (no fading)

Visual Check

• Light mode hover: Dark red icon on light pink background ✓
• Dark mode hover: White icon on dark red background ✓