[UI Refinement / Feature Request] Standardize book card layouts across all reading statuses and add an "All Books" view with status badges

[malv-ryx]

Context & Problem Statement

Currently in the web interface, the book card UI layout in the "Currently Reading" section differs from the layout used across the "Paused", "Finished", and "Did Not Finish (DNF)" sections.

The card layout in the Paused, Finished, and DNF sections kept compact yet informative, whereas the "Currently Reading" wide card presentation creates a visual mismatch across library sections.

---

User Proposal & Suggested Enhancements

1. Unified & Compact Book Card Layout:

   • Standardize the visual design of book cards across all status tabs ("Currently Reading", "Paused", "Finished", and "DNF") to use the same compact, detail-rich card layout currently featured in the Paused/Finished/DNF sections.

2. "All Books" Tab:

   • Add an "All" tab alongside the existing status filters, allowing users to view their entire book collection in a single consolidated grid.

3. Status Overlay Badges:

   • Render a clear, subtle status label/badge in the top-right corner of each book cover thumbnail (e.g., Reading, Paused, Finished, DNF) when viewing books in the "All" tab for instant visual tracking.

[itsthisjustin]

I had felt like the reading tab will always have fewer cards and wanted it to take up more visual space. Open to suggestions though just wanted to drop my reasoning behind the differences

[malv-ryx]

I see. It seems like there is too much unused space and inconsistent UI, and it feels like this isn't ideal. Well, I agree with the difference in POV. Feel free to keep it, change it, or give users the option.

On another matter, what do you think about the "All" tab?