Add clear button to the paper search field

[koppor]

🤖 The paper list search had no quick way to empty it. A × button now appears inside the box while a query is entered; clicking it clears the search and leaves focus in the field.

Test:

• Type into the paper search, click ×, confirm the full list returns and the cursor stays in the box.

🤖 Generated with Claude Code

https://claude.ai/code/session_01AWQS82YpFEMT2mdiyoA4od

[Gram21]

Thanks for the PR! It looks good to me and I will merge it. As it was only a draft, if you want to add something, feel free to do so in another PR

[Copilot]

Copilot review overview

🟢 Approval recommended

Small, low-risk UI change with matching styling updates and explicit test covering the new behavior.

Review effort: Lite
Findings: None

What changed in this PR

Adds inline clear (×) control to paper list search input so users can reset query quickly without losing typing focus, improving sidebar search UX.

Changes:

• Add conditional “Clear search” button inside search field; click clears query and re-focuses input.
• Update search input right-padding and introduce new .paper-search-clear styling to avoid text overlap with new control.
• Add regression test verifying clear behavior restores full list and preserves focus.

File	Description
src/​styles/​index.css	Reserve space for new clear button; add styling/positioning for .paper-search-clear.
src/​components/​PaperList.tsx	Render clear button when query non-empty; clear query and focus input on click.
src/​components/​PaperList.test.tsx	Test clear button visibility, clearing behavior, focus retention, and list reset.

---

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.