[PERFORMANCE] Achievement search fires a backend query on every keystroke (no debounce)

[BoxBoxJason]

Note

This issue was generated using AI, if anything lacks clarity or context, please ask for clarification before starting work.

Summary

The webview re-queries the backend on every change to the search box. Typing a
title sends one RETRIEVE_ACHIEVEMENTS message per character, each of which runs
a multi-join SQL query on the extension side.

Location

src/views/components/SearchBar.tsx + src/views/components/AchievementsHolder.tsx

• SearchBar updates partialTitle on every onChange and pushes it straight
  into filters via a useEffect.
• AchievementsHolder has a useEffect keyed on filters that posts
  RETRIEVE_ACHIEVEMENTS each time filters changes.

So each typed character → new filters object → new query round-trip.

Impact

• Unnecessary load on the extension host (each query is the big join in
  getAchievementsRawFormat, with a COUNT(DISTINCT ...) when count: true).
• Potential out-of-order responses (no request sequencing) causing brief flicker
  of stale results.

Suggested fix

• Debounce the title input (~200–300 ms) before committing it to filters.
• Consider tagging requests with an id / ignoring stale responses to avoid
  race-induced flicker.

Severity

Low/Medium — UX + avoidable backend work.