Fix: Leaderboard filter dropdown alignment

[Copilot]

The time period filter dropdown in the leaderboard's top performers section was misaligned — both the title and filter were centered together, causing the filter to visually float off to the right rather than anchoring to the container edge.

Changes Made

• leaderboard.css — .title-filter-container: Changed justify-content: center → justify-content: space-between, pinning the "recode hive Top Performers" title to the left and the filter to the right
• leaderboard.css — .filter-label: Added missing styles for the label element (referenced in TSX but had no CSS rules), including light/dark mode variants

/* Before */
.title-filter-container {
  justify-content: center;
}

/* After */
.title-filter-container {
  justify-content: space-between;
}

Type of Change

• New feature (e.g., new page, component, or functionality)
• Bug fix (non-breaking change that fixes an issue)
• UI/UX improvement (design, layout, or styling updates)
• Performance optimization (e.g., code splitting, caching)
• Documentation update (README, contribution guidelines, etc.)
• Other (please specify):

Dependencies

• No new dependencies.

Checklist

• My code follows the style guidelines of this project.
• I have tested my changes across major browsers and devices
• My changes do not generate new console warnings or errors .
• I ran npm run build and attached screenshot(s) in this PR.
• This is already assigned Issue to me, not an unassigned issue.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
recode-website	Ready	Preview, Comment	May 4, 2026 1:42pm