Feat/college cp leaderboard

[Shubham15986]

Description

This PR implements the CP Leaderboard page in the frontend, seamlessly matching the RECursion design system with real-time standings from Codeforces and CodeChef.

Important

Dependency: This frontend PR depends on the backend Leaderboard endpoints. Please ensure the backend PR (feat/college-cp-leaderboard into testing2) is merged and migrated (python manage.py migrate && python manage.py sync_leaderboard) prior to or concurrently with this deployment.

Screenshot

---

Key Changes

• Leaderboard View (/leaderboard):
  • Integrated into navbar routing (Layout.jsx and App.js).
  • Symmetrical 4-column schema across both platforms: Rank, Coder, Rating & Rank, and Profile.
  • Strictly left-aligned coder column with centered rank, rating, and profile columns.
  • Official platform rating & star/rank colors for Codeforces (Grandmaster to Pupil) and CodeChef (7★ to 1★).
• Controls & Cross-Browser Parity:
  • Platform switch buttons for Codeforces and CodeChef.
  • Debounced search box for instant handle/coder lookups.
  • Custom "Show inactive users" toggle switch (off by default).
  • Dedicated "Sync Standings" button displaying live cooldown countdown when on limit.
  • Enforced cross-browser layout consistency across Chrome, Firefox, Safari, and Edge.
  • Fully responsive breakpoints for tablet (two-tier) and mobile (stacked controls + scrollable table wrapper).
  • Client-side pagination (15 / 30 / 50 per page) with quick navigation controls.
  • Zero-flicker tab switching transitions between platforms.
• Design & Typography:
  • Loaded complete Montserrat (300–900) font weights with bold 900 CP Leaderboard heading.
  • Scoped CSS rules (Leaderboard.css) ensuring complete compatibility with existing global styles.

[vercel]

@Shubham15986 is attempting to deploy a commit to the RECursion's projects Team on Vercel.

A member of the Team first needs to authorize it.