[feature] Add smooth check/toggle animation for Checkbox and Toggle component

[pixeltannu]

Description

Currently, the Checkbox and Toggle component changes state instantly without any animation, which makes the UI feel static and less interactive. Adding a smooth check/toggle animation would improve the overall user experience and make the interface feel more modern and polished.

Proposed Solution

• Add a smooth checkmark draw animation when Checkbox is checked/unchecked
• Add a smooth slide animation for Toggle switch (left → right, right → left)
• Add a subtle background-color transition when Toggle is switched on/off
• Keep animation duration short (150–200ms) for a responsive feel
• Use CSS transitions and keyframes for better performance
• Ensure animations work consistently across all Checkbox and Toggle variants

Why this is useful

• Gives clear visual feedback to the user when state changes
• Makes Checkbox and Toggle interactions feel smooth and natural
• Improves overall UI polish without affecting core functionality
• Enhances user experience across forms and settings throughout the application

Additional Context

I would like to work on this issue as part of GSSoC 2026. Please assign it to me — I'll raise a PR soon with the implementation.

[github-actions]

✅ Auto-assigned to @pixeltannu (issue opener).

Open your PR by 2026-06-29 (7 days). The bot frees this issue for another contributor after that date.

Reminders:

• ⭐ Star the repo first. The star-check job blocks your merge otherwise.
• PR title: type: short description
• Link this issue in your PR body: Closes #1738

Good luck. 🚀