feat: New trading reward UI

[ChefMomota]

🤖 Generated by Copilot at 8d25515

Summary

🏆🔄📱

This pull request adds features to the TradingReward view and its components to show multiple rounds of the trading competition leaderboard and rewards breakdown. It also refactors and improves the data fetching, rendering, and layout logic of the components. It updates the useUserTradeRank hook to return more user rank data and a loading indicator. It removes unused props and translations and adds new translations for the new features.

Leaderboard of doom, show me the ranks of the best
RewardsBreakdown of despair, reveal the prizes of the rest
MyRank of hope, inspire me to rise and compete
useUserTradeRank of power, load the data and make it complete

Walkthrough

• Add new features to the Leaderboard and the RewardsBreakdown components to allow the user to switch between the current and previous rounds of the leaderboard and the rewards breakdown and show the round information for each round (link,link,link,link,link,link,link,link,link,link,link,link,link,link,link,link,link,link)
• Create a new component called MyRank, which displays the user's own rank separately from the top 50 users, and use it in the Leaderboard component (link,link)
• Modify the useUserTradeRank hook to return more properties of the user's rank data and an isFetching property to indicate the loading state (link,link,link)
• Modify the Leaderboard and the RewardsBreakdown components to handle the loading state and the undefined data more gracefully (link,link,link,link,link,link,link,link,link,link,link)
• Modify the table headers and the layout of the Leaderboard component to simplify the table and match the design of the mobile view (link,link,link)
• Modify the CurrentPeriod component of the YourTradingReward component to destructure the data and the isFetching properties from the useUserTradeRank hook (link)
• Remove some unused props and translations from the RewardsBreakdown and the Leaderboard components (link,link,link,link,link,link)

[changeset-bot]

⚠️ No Changeset found

Latest commit: 73a006a

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
web	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 10, 2023 5:26am

1 Ignored Deployment

Name	Status	Preview	Comments	Updated (UTC)
uikit	⬜️ Ignored (Inspect)	Visit Preview		Jul 10, 2023 5:26am

[vercel]

@ChefMomota is attempting to deploy a commit to the PancakeSwap Team on Vercel.

A member of the Team first needs to authorize it.