Add Hover Animation to Close (×) Buttons

[Alexandrbig1]

Description:
Add a subtle and creative hover animation to all "close" (×) buttons across the project (e.g., in modals, slide-in panels, and menus).
The animation should make the interface feel more interactive and consistent.

Requirements:

• Apply animation to all instances of the close (×) icon component.
• Animation ideas (choose or suggest your own):
  • Smooth rotation (e.g., 90° or 180° spin).
  • Scale-up or pulse effect.
  • Soft color or opacity transition.
• Use a short duration (e.g., 0.2s–0.3s) for responsiveness.
• Maintain accessibility and ensure no layout shift occurs.

Acceptance Criteria:

• Hovering over any "×" close icon triggers a smooth, consistent animation.
• Animation feels natural and matches overall site aesthetics.
• Works correctly on desktop and mobile.

[yashseth391]

@Alexandrbig1 i like to contribute on this.

[Alexandrbig1]

@yashseth391, assigned. Looking forward to your PR's.

[Aryan0512398]

Assign it to me

[Alexandrbig1]

@Aryan0512398, it's already assigned to another contributor, but feel free to work on it, maybe your creativity could more match our design.