mail list redesign, folder actions, empty-folder, unread badges & empty-state art

Frontend:
- Redesign the mail list rows (avatar + sender + subject/snippet + right rail),
  even-spaced attachment/pin/archive/trash icons, hover-reveal actions, pink
  always-on pin, monocolor paperclip, row gaps, wider sender-subject gap.
- Sidebar folder badges: Inbox unread + Drafts counts (live via WS + mutations).
- Trash/Spam/Archive: hover Restore icon (replaces Archive), permanent delete in
  Trash; "Empty trash" / "Empty spam" buttons on the sort bar.
- Reading pane empty state: email illustration above an enlarged
  "Select a conversation".
- Search field clear (X) button; mark-read after a 4s dwell instead of instantly.

Backend:
- GET /api/mailboxes/counts (inbox unread + drafts) for the sidebar badges.
- POST /api/folders/{special}/empty + empty_folder_job to permanently clear a
  Trash/Spam/Archive folder (server EXPUNGE + DB rows + thread cleanup).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01U72FZiF1W1pb8XxyWBTREA

backend/app/api/actions.py

@@ -133,6 +133,19 @@ async def delete_thread(thread_id: uuid.UUID, user: CurrentUser, db: DbSession)
     return {"status": "queued"}
 
 
+# Folders whose "Empty" action permanently deletes everything they hold.
+_EMPTYABLE_FOLDERS = frozenset({"trash", "junk", "archive"})
+
+
+@router.post("/folders/{special}/empty")
+async def empty_folder(special: str, user: CurrentUser, db: DbSession) -> dict[str, str]:
+    """Permanently delete every message in a Trash/Spam/Archive folder."""
+    if special not in _EMPTYABLE_FOLDERS:
+        raise_api_error(400, "bad_folder", "this folder cannot be emptied")
+    await enqueue_job("empty_folder_job", str(user.id), special)
+    return {"status": "queued"}
+
+
 @router.post("/messages/{message_id}/move")
 async def move_message(
     message_id: uuid.UUID, body: MoveRequest, user: CurrentUser, db: DbSession