Enhancement of UI/UX of contribution leaderboard section

[NotSugat]

The leaderboard section on our website lacks visual appeal and fails to engage users effectively. We need to revamp its design to make it more attractive and interactive.

Proposed Changes:

1. Visual Refresh: Update the design to make it more visually appealing and in line with our website's theme.

2. Interactive Elements: Add animations, hover effects, or transitions to make the leaderboard more engaging.

3. Clear Information Hierarchy: Organize the information in a clear and easy-to-understand manner. Use colors and icons to differentiate between different elements.

4. GitHub Contributions Display: Integrate GitHub contributions data directly into the leaderboard, showcasing the number of contributions and lines of code changed by each user ( backend first ).

5. Responsive Design: Ensure that the leaderboard looks good and functions well on all devices.

6. Performance Optimization: Improve the loading speed and overall performance of the leaderboard section.

Reference Design:
Take inspiration from the leaderboard section on Code Racer. Note the vibrant colors, clear typography, and interactive elements used to create an engaging experience and hover to show latest commits.

Additional Information:
Your feedback and ideas for improving the leaderboard section are welcome. Let's work together to create a leaderboard that motivates users to engage with our platform.

Acceptance Criteria:

• The redesigned leaderboard section should be visually appealing and easy to use.
• Top contributors and their achievements should be highlighted effectively, including GitHub contributions data.
• The leaderboard should work well on different devices and browsers.
• Performance optimizations should be implemented to ensure fast loading times.
• The final design should match our website's theme and brand identity.

Let's collaborate to improve the leaderboard section and create a better user experience for our website visitors.