Translate admin panel to all 6 languages

src/app/admin/catalog/page.tsx

@@ -1,4 +1,5 @@
 import Link from "next/link";
+import { getTranslations } from "next-intl/server";
 import { StatusCard } from "@/components/admin/dashboard";
 import { prisma } from "@/lib/prisma";
 import { Package } from "lucide-react";
@@ -17,6 +18,8 @@ type CatalogPageRow = {
 };
 
 export default async function AdminCatalog() {
+  const t = await getTranslations("pages.admin.catalog");
+
   let pages: CatalogPageRow[] = [];
   try {
     pages = await prisma.catalogPages.findMany({
@@ -37,7 +40,6 @@ export default async function AdminCatalog() {
     pages = [];
   }
 
-  // Build a quick caption lookup so we can show parent names instead of raw ids.
   const captionById = new Map<number, string>();
   for (const p of pages) captionById.set(p.id, p.caption);
 
@@ -54,39 +56,39 @@ export default async function AdminCatalog() {
           <Package size={20} className="text-[var(--color-primary)]" />
         </div>
         <div>
-          <h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">Catalog</h1>
-          <p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">Browse catalog pages and the items they contain. Read-only.</p>
+          <h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">{t("title")}</h1>
+          <p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">{t("subtitle")}</p>
         </div>
       </div>
 
       <div className="grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3.5 mb-6">
-        <StatusCard label="Pages" value={pages.length} icon="📚" />
-        <StatusCard label="Visible" value={visibleCount} state="ok" icon="👁️" />
+        <StatusCard label={t("pages")} value={pages.length} icon="📚" />
+        <StatusCard label={t("visible")} value={visibleCount} state="ok" icon="👁️" />
         <StatusCard
-          label="Hidden"
+          label={t("hidden")}
           value={hiddenCount}
           state={hiddenCount > 0 ? "warn" : "neutral"}
           icon="🚫"
         />
-        <StatusCard label="Root pages" value={rootCount} icon="🗂️" />
+        <StatusCard label={t("rootPages")} value={rootCount} icon="🗂️" />
       </div>
 
       <section className="mt-6">
-        <h2>Pages ({pages.length})</h2>
+        <h2>{t("pages")} ({pages.length})</h2>
         {pages.length === 0 ? (
-          <p className="muted">No catalog pages found.</p>
+          <p className="muted">{t("noPages")}</p>
         ) : (
           <div style={{ overflowX: "auto" }}>
             <table>
               <thead>
                 <tr>
-                  <th>ID</th>
-                  <th>Caption</th>
-                  <th>Parent</th>
-                  <th>Layout</th>
-                  <th>Min rank</th>
-                  <th>Order</th>
-                  <th>Status</th>
+                  <th>{t("colId")}</th>
+                  <th>{t("caption")}</th>
+                  <th>{t("colParent")}</th>
+                  <th>{t("colLayout")}</th>
+                  <th>{t("colMinRank")}</th>
+                  <th>{t("colOrder")}</th>
+                  <th>{t("colStatus")}</th>
                 </tr>
               </thead>
               <tbody>
@@ -112,7 +114,7 @@ export default async function AdminCatalog() {
                       <td>{p.orderNum}</td>
                       <td>
                         <span className={`inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full ${hidden ? "bg-red-500/22 text-[var(--color-text)]" : "bg-green-600/20 text-[var(--color-text)]"}`}>
-                          {hidden ? "Hidden" : "Visible"}
+                          {hidden ? t("statusHidden") : t("statusVisible")}
                         </span>
                       </td>
                     </tr>