feat: Upgrade leaderboard search to fuzzy matching

[madjin]

Summary

The current leaderboard search uses simple string matching (.toLowerCase().includes()), which requires exact substring matches. Upgrading to fuzzy search would improve user experience.

Current Implementation

// src/components/leaderboard.tsx:141
user.username.toLowerCase().includes(searchTerm.toLowerCase())

This requires exact matches - searching "shwa" won't find "shaw".

Proposed Enhancement

Use fuzzysort (already in package.json but unused) for typo-tolerant matching:

import fuzzysort from 'fuzzysort';

// Instead of exact matching:
const filteredUsers = fuzzysort.go(searchTerm, users, { key: 'username' })
  .map(result => result.obj);

Benefits

• Typo tolerance: "shwa" → finds "shaw"
• Partial matching: "wtfis" → finds "wtfisagi0"
• Ranked results: Best matches appear first
• Fast: Optimized for real-time filtering

Context

• fuzzysort was added in commit 4fe3c624 (2025-01-21) during SQLite implementation
• Search UI was added in PR Fetch all users score and add pagination + search feature fix #92 but used simple matching
• Package is already installed, just needs to be imported and used

Related

• See chore: Remove 10 unused dependencies #173 for dependency audit (lists fuzzysort as currently unused)

[coderabbitai]

📝 CodeRabbit Plan Mode

Generate an implementation plan and prompts that you can use with your favorite coding agent.

• Create Plan

Examples

• Example 1
• Example 2

_{You can configure auto-planning by selecting labels in the issue_enrichment configuration.}

🔗 Related PRs

#36 - Virtualize leaderboard list for better performance [merged]

👤 Suggested Assignees

• META-DREAMER

---

🧪 Issue enrichment is currently in open beta.

To disable automatic issue enrichment, add the following to your .coderabbit.yaml:

issue_enrichment:
  auto_enrich:
    enabled: false

💬 Have feedback or questions? Drop into our discord or schedule a call!