🐛 [Bug report]: Leaderbord Page UI Improvement

[aayu5hgit]

Contributor Guidelines

• I have read the guidelines and discussion

Descrcibe the bug?

The "Top play creators of all time" leaderboard currently displays as a basic, plain-text table. While functional, it lacks visual appeal and fails to adequately distinguish or celebrate the top-ranking creators. All users, from rank 1 to 10, are presented in the exact same format, which makes the leaderboard feel static and unengaging.

Steps to reproduce the bug?

1. Navigate to the main dashboard or relevant section of the application.
2. Click on the link or tab to view the "Top play creators of all time" leaderboard.
3. Observe that the leaderboard is a simple list without any special visual indicators for the top-ranked players.

Expected behavior

The leaderboard should be more intuitive and visually rewarding to better celebrate user achievement. Instead of a uniform list, the top performers (e.g., the top 3) should be clearly highlighted.

For example:

• The # 1 ranked creator could have a gold trophy icon (🏆) or a gold badge next to their name.
• The # 2 ranked creator could have a silver trophy icon (🥈) or a silver badge.
• The # 3 ranked creator could have a bronze trophy icon (🥉) or a bronze badge.

Desktop (Please provide your system information)

OS: macOS
Browser: Chrome

Mobile (Please provide your device information)

No response

Screenshot / Screenshare

Relevant log output

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.

[Rohs21]

Can I work on this?

[aayu5hgit]

Can I work on this?

Hey @Rohs21 , I have already assigned this to me.

[Rohs21]

Oh!! Okay @aayu5hgit All the best!! :-)

[aayu5hgit]

Hey @priyankarpal, I'll work on it tonight and raise a PR by tomorrow.

[priyankarpal]

Hey @priyankarpal, I'll work on it tonight and raise a PR by tomorrow.

ok sure