fix: conflicting animation keyframe names across ease-loader-* variants

[Pcmhacker-piro]

Description

The Loader / Spinner Gallery (#30448) defines multiple loaders (spin, pulse, dots, ripple, hourglass, ellipsis). The keyframe names ease-spin, ease-pulse, and ease-ripple are generic and can conflict with the same-named keyframes defined in the Skeleton component (#30399) and the Animated Number Counter (#30437) which also defines @Keyframes ease-pulse for its counting animation.

Affected Components

• Loader / Spinner Gallery (Add comprehensive CSS Loader / Spinner Gallery component #30448)
• Skeleton (feat: add toast/notification component with slide-in animation and semantic variants #30399)
• Animated Number Counter (Add animated number counter with CSS @property integer animation #30437)

Suggested Resolution

• Prefix all keyframe names with component identifiers (ease-loader-spin, ease-counter-pulse)
• Audit all animation-name references for uniqueness

[github-actions]

Hey @Pcmhacker-piro! 👋

Thanks for opening this issue — you've been auto-assigned to it.

Before you start coding, please read the quick checklist:

• Make sure no existing issue already covers this idea
• Read the Contribution Guide before opening a PR
• Add files only inside the submissions/ directory (e.g., submissions/examples/your-feature-name/ or submissions/docs/your-feature-name/)
• Include demo.html · style.css · README.md in your folder
• Max 25 active issues per contributor — unassign others before taking new ones
• Join our official Discord Server (Optional - for general developer chat and support; official issues belong on GitHub!)

🕑 Inactivity rule: Issues with no progress for 24 hours (1 day) will be unassigned and reopened for others.

The maintainer will review your PR once submitted. Good luck! ⚡