Description

The Edit Icon needs adjustments to its visual size and hover behavior to improve visibility and usability.

Tasks/Requirements:

1. Icon Size:
Increase the size of the icon element itself from $18 \times 18 \text{px}$ to $24 \times 24 \text{px}$ (ideally within the existing $32 \times 32 \text{px}$ wrapper). If scaling the icon directly proves too cumbersome or technically unfeasible, the surrounding wrapper/class should be increased to $40 \times 40 \text{px}$ instead to ensure the icon has a sufficiently large visual area.

2. Hover Color:
Change the icon's color during the hover state to #8f95a1 (Grey 800) for both Dark Mode and Light Mode.

Acceptance Criteria:

• The Edit Icon's visual size is increased to $24 \times 24 \text{px}$ (either by directly scaling the icon or by increasing the wrapper to $40 \times 40 \text{px}$).
• When hovering over the icon, the color changes to #8f95a1 (Grey 800) in both color schemes (Light & Dark Mode).
• The new size and color are implemented across all relevant pages or components that use the Edit Icon.