Standardize ZXDB UI; add SSR search/tables

Unify the look and feel of all /zxdb pages and minimize client pop-in.

- Make all /zxdb pages full-width to match /explorer
- Convert Languages, Genres, Machine Types, and Labels lists to
  Bootstrap tables with table-striped and table-hover inside
  table-responsive wrappers
- Replace raw FK IDs with linked names via SSR repository joins
- Add scoped search boxes on detail pages (labels, genres, languages,
  machine types) with SSR filtering and pagination that preserves q/tab
- Keep explorer results consistent: show Machine/Language names with
  links, no client lookups required

This improves consistency, readability, and first paint stability across
the ZXDB section while keeping navigation fast and discoverable.

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

src/app/zxdb/ZxdbExplorer.tsx

@@ -8,7 +8,9 @@ type Item = {
   title: string;
   isXrated: number;
   machinetypeId: number | null;
+  machinetypeName?: string | null;
   languageId: string | null;
+  languageName?: string | null;
 };
 
 type Paged<T> = {
@@ -182,8 +184,8 @@ export default function ZxdbExplorer({
                 <tr>
                   <th style={{width: 80}}>ID</th>
                   <th>Title</th>
-                  <th style={{width: 120}}>Machine</th>
-                  <th style={{width: 80}}>Lang</th>
+                  <th style={{width: 160}}>Machine</th>
+                  <th style={{width: 120}}>Language</th>
                 </tr>
               </thead>
               <tbody>
@@ -193,8 +195,28 @@ export default function ZxdbExplorer({
                     <td>
                       <Link href={`/zxdb/entries/${it.id}`}>{it.title}</Link>
                     </td>
-                    <td>{it.machinetypeId ?? "-"}</td>
-                    <td>{it.languageId ?? "-"}</td>
+                    <td>
+                      {it.machinetypeId != null ? (
+                        it.machinetypeName ? (
+                          <Link href={`/zxdb/machinetypes/${it.machinetypeId}`}>{it.machinetypeName}</Link>
+                        ) : (
+                          <span>{it.machinetypeId}</span>
+                        )
+                      ) : (
+                        <span className="text-secondary">-</span>
+                      )}
+                    </td>
+                    <td>
+                      {it.languageId ? (
+                        it.languageName ? (
+                          <Link href={`/zxdb/languages/${it.languageId}`}>{it.languageName}</Link>
+                        ) : (
+                          <span>{it.languageId}</span>
+                        )
+                      ) : (
+                        <span className="text-secondary">-</span>
+                      )}
+                    </td>
                   </tr>
                 ))}
               </tbody>