Fix ZXDB pagination counters and navigation

Implement URL-driven pagination and correct total counts across ZXDB:
- Root /zxdb: SSR reads ?page; client syncs to SSR; Prev/Next as Links.
- Sub-index pages (genres, languages, machinetypes): parse ?page on server; use SSR props in clients; Prev/Next via Links.
- Labels browse (/zxdb/labels): dynamic SSR, reads ?q & ?page; typed count(*); client syncs to SSR; Prev/Next preserve q.
- Label detail (/zxdb/labels/[id]): tab-aware Prev/Next Links; counters from server.
- Repo: replace raw counts with typed Drizzle count(*) for reliable totals.

Signed-off-by: Junie <Junie@lucy.xalior.com>

src/app/zxdb/languages/[id]/LanguageDetail.tsx

@@ -1,20 +1,19 @@
 "use client";
 
 import Link from "next/link";
-import { useMemo, useState } from "react";
+import { useMemo } from "react";
 
 type Item = { id: number; title: string; isXrated: number; machinetypeId: number | null; languageId: string | null };
 type Paged<T> = { items: T[]; page: number; pageSize: number; total: number };
 
 export default function LanguageDetailClient({ id, initial }: { id: string; initial: Paged<Item> }) {
-  const [data] = useState<Paged<Item>>(initial);
-  const totalPages = useMemo(() => Math.max(1, Math.ceil(data.total / data.pageSize)), [data]);
+  const totalPages = useMemo(() => Math.max(1, Math.ceil(initial.total / initial.pageSize)), [initial]);
 
   return (
     <div className="container">
       <h1>Language {id}</h1>
-      {data && data.items.length === 0 && <div className="alert alert-warning">No entries.</div>}
-      {data && data.items.length > 0 && (
+      {initial && initial.items.length === 0 && <div className="alert alert-warning">No entries.</div>}
+      {initial && initial.items.length > 0 && (
         <div className="table-responsive">
           <table className="table table-striped table-hover align-middle">
             <thead>
@@ -26,7 +25,7 @@ export default function LanguageDetailClient({ id, initial }: { id: string; init
               </tr>
             </thead>
             <tbody>
-              {data.items.map((it) => (
+              {initial.items.map((it) => (
                 <tr key={it.id}>
                   <td>{it.id}</td>
                   <td><Link href={`/zxdb/entries/${it.id}`}>{it.title}</Link></td>
@@ -40,7 +39,23 @@ export default function LanguageDetailClient({ id, initial }: { id: string; init
       )}
 
       <div className="d-flex align-items-center gap-2 mt-2">
-        <span>Page {data.page} / {totalPages}</span>
+        <span>Page {initial.page} / {totalPages}</span>
+        <div className="ms-auto d-flex gap-2">
+          <Link
+            className={`btn btn-sm btn-outline-secondary ${initial.page <= 1 ? "disabled" : ""}`}
+            aria-disabled={initial.page <= 1}
+            href={`/zxdb/languages/${id}?page=${Math.max(1, initial.page - 1)}`}
+          >
+            Prev
+          </Link>
+          <Link
+            className={`btn btn-sm btn-outline-secondary ${initial.page >= totalPages ? "disabled" : ""}`}
+            aria-disabled={initial.page >= totalPages}
+            href={`/zxdb/languages/${id}?page=${Math.min(totalPages, initial.page + 1)}`}
+          >
+            Next
+          </Link>
+        </div>
       </div>
     </div>
   );