[feature] Add smooth rotate/pulse animation for Loading Spinner component

[pixeltannu]

Description

Currently, the Loading Spinner has no smooth animation, which makes the loading state feel static and unclear to the user. Adding a smooth rotate or pulse animation would make the loading state more visually appealing and improve the overall user experience.

Proposed Solution

• Add a smooth continuous rotate animation for Loading Spinner (e.g., transform: rotate(360deg))
• Add an optional pulse/fade animation as an alternative loading indicator
• Keep animation smooth and continuous using CSS @keyframes
• Ensure animation is lightweight and does not affect app performance
• Ensure animation works consistently across all Spinner sizes (small, medium, large)

Why this is useful

• Clearly communicates to the user that content is loading
• Makes the loading state feel smooth and professional
• Improves overall UI polish without affecting core functionality
• Enhances user experience during data fetching or page loading

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 #1739

Good luck. 🚀