✨ [Feature]: Add skeleton loading state to FeaturedPlays component

[riteshrana12-dev]

Contributor Guidelines

• I have read the guidelines and discussion

Is your feature request related to a problem? Please describe.

The FeaturedPlays component shows a plain "Loading..." text while
plays are being fetched from the API. This gives users no visual
feedback about the structure of the content that is loading,
resulting in a poor user experience.

Describe the solution you'd like.

The FeaturedPlays component in src/common/playlists/FeaturedPlays.jsx
currently shows a plain "Loading..." text while plays are being fetched.

This should be replaced with skeleton loading cards that match the shape
of the actual PlayCard component — including the image area, badge, avatar
row, title, description and footer — with a shimmer animation to indicate
loading state. 4 skeleton cards are shown while data is loading.

Describe alternatives you've considered.

Keeping the plain "Loading..." text is the alternative but it provides
a poor user experience compared to skeleton loading which gives users
a visual preview of the content structure.

Screenshot / Screenshare

No response

Additional context

No response

Record

• I have checked the existing issues
• I have read the Contributing Guidelines
• I want to work on this issue
• I am a Hacktoberfest contributor

Code of Conduct

• I agree to follow this project's Code of Conduct

[github-actions]

Hey! contributor, thank you for opening an Issue 🎉.

@reactplay/maintainers will review your submission soon and give you helpful feedback. If you're interested in continuing your contributions to open source and want to be a part of a welcoming and fantastic community, we invite you to join our ReactPlay Discord Community.
Show your support by starring ⭐ this repository. Thank you and we appreciate your contribution to open source!
Stale Marking : After 30 days of inactivity this issue/PR will be marked as stale issue/PR and it will be closed and locked in 7 days if no further activity occurs.

[github-actions]

There hasn't been any activity on this issue recently, and in order to prioritize active issues, it will be marked as stale. Please make sure to update to the latest version and check if that solves the issue. Let us know if that works for you by leaving a 👍 Because this issue is marked as stale, it will be closed and locked in 7 days if no further activity occurs. Thank you for your contributions!