🚀 [Feature] : Leaderboard Section for Test Tokens

[xuelink]

Is your feature request related to a problem? Please describe.
I'm always frustrated when I can't see the top token holders on the token.langx.io platform.
There is currently no easy way for users to see who the top token holders in terms of token accumulation.
This lack of visibility can reduce motivation and engagement among users who are striving to be at the top.

Describe the solution you'd like
I would like a leaderboard section implemented on the homepage that displays the top token holders based on the data from the endpoint https://api.langx.io/api/leaderboard/token. This leaderboard should update in real-time or at regular intervals to reflect the current standings. It should include details such as the user's rank, username, and token count.

Describe alternatives you've considered
An alternative solution could be to have a separate dedicated page for the leaderboard instead of placing it on the homepage. Another option is to integrate the leaderboard into the user profile section where users can see their rank and compare with friends.

Additional context
Adding a leaderboard can enhance user engagement and competition, encouraging users to be more active on the platform. It can also highlight and reward the top contributors, fostering a sense of achievement. Below is a mockup of how the leaderboard section could look on the homepage:

If you want to speed up the process of this issue, please send 🚀 as a reaction.

[xuelink]

@KeenAaron Are you interested in this issue ?