feat(mangas): per-field sort options + direction toggle on the catalog (0.88.0)

Sort the manga catalog by created / updated / title / author with an
independent asc/desc direction control. An omitted `order` defaults per field
(dates newest-first, text A→Z), matching the UI, so a bare `?sort=<field>`
means the same thing in the browser and over the API; `sort=recent` remains a
back-compat alias for `created`.

- Backend: SortField/SortOrder parsed with validation (structured 422 on bad
  input), per-field default_order, NULLS LAST only on the nullable author key,
  and migration 0033 indexing mangas(updated_at DESC, id) to back the default
  sort and its id tie-break.
- Frontend: catalog sort field + direction (SegmentedControl) on desktop and a
  mobile bottom sheet; pure helpers in $lib/mangaSort; keyboard-accessible
  direction control; visible Direction labels and a sheet "Done" button.
- Tests: backend integration coverage (defaults, alias, invalid input,
  ascending-id tie-break), frontend unit + e2e.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

frontend/src/lib/api/mangas.test.ts

@@ -89,7 +89,7 @@ describe('mangas api client', () => {
         expect(result.page).toEqual({ limit: 50, offset: 0, total: 1 });
     });
 
-    it('listMangas encodes search, status, ids (csv), limit, offset, sort', async () => {
+    it('listMangas encodes search, status, ids (csv), limit, offset, sort, order', async () => {
         fetchSpy.mockResolvedValueOnce(ok(emptyPage()));
         await listMangas({
             search: 'one piece',
@@ -99,7 +99,8 @@ describe('mangas api client', () => {
             tagIds: ['t1', 't2'],
             limit: 10,
             offset: 20,
-            sort: 'title'
+            sort: 'title',
+            order: 'asc'
         });
         const url = fetchSpy.mock.calls[0][0] as string;
         expect(url).toMatch(/\/v1\/mangas\?/);
@@ -113,6 +114,7 @@ describe('mangas api client', () => {
         expect(url).toContain('limit=10');
         expect(url).toContain('offset=20');
         expect(url).toContain('sort=title');
+        expect(url).toContain('order=asc');
     });
 
     it('getManga returns the enriched detail shape', async () => {

frontend/src/lib/api/mangas.ts

@@ -1,7 +1,8 @@
 import { request, type Manga, type MangaStatus, type Page } from './client';
 import type { ContentWarning } from './page_tags';
 
-export type MangaSort = 'recent' | 'title';
+export type MangaSort = 'created' | 'updated' | 'title' | 'author';
+export type SortOrder = 'asc' | 'desc';
 
 export type AuthorRef = { id: string; name: string };
 export type GenreRef = { id: string; name: string };
@@ -39,6 +40,7 @@ export type ListOptions = {
     limit?: number;
     offset?: number;
     sort?: MangaSort;
+    order?: SortOrder;
 };
 
 export type MangasPage = {
@@ -68,6 +70,7 @@ export async function listMangas(opts: ListOptions = {}): Promise<MangasPage> {
     if (opts.limit != null) params.set('limit', String(opts.limit));
     if (opts.offset != null) params.set('offset', String(opts.offset));
     if (opts.sort) params.set('sort', opts.sort);
+    if (opts.order) params.set('order', opts.order);
     const qs = params.toString();
     return request<MangasPage>(`/v1/mangas${qs ? `?${qs}` : ''}`);
 }