Translate admin panel to all 6 languages

src/app/admin/help-questions/page.tsx

@@ -1,4 +1,5 @@
 import Link from "next/link";
+import { getTranslations } from "next-intl/server";
 import { HelpCircle } from "lucide-react";
 import { StatusCard } from "@/components/admin/dashboard";
 import { prisma } from "@/lib/prisma";
@@ -6,6 +7,7 @@ import { prisma } from "@/lib/prisma";
 export const dynamic = "force-dynamic";
 
 export default async function AdminHelpQuestions() {
+  const t = await getTranslations("pages.admin.helpCenter");
   let entries: Awaited<
     ReturnType<typeof prisma.websiteHelpCenterCategories.findMany>
   > = [];
@@ -28,30 +30,30 @@ export default async function AdminHelpQuestions() {
           <HelpCircle size={20} className="text-[var(--color-primary)]" />
         </div>
         <div className="flex-1">
-          <h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">Help Center</h1>
-          <p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">Help-center FAQ entries (<code>website_help_center_categories</code>). Shown to visitors on the public help page, ordered by position.</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>
         <Link href="/admin/help-questions/new" className="btn btn-primary">
-          + New entry
+          + {t("newEntry")}
         </Link>
       </div>
 
       <div className="grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3.5 mb-6">
-        <StatusCard label="Entries" value={entries.length} icon="❓" />
-        <StatusCard label="With button" value={withButton} icon="🔘" />
-        <StatusCard label="Small boxes" value={smallBoxes} icon="🗂️" />
+        <StatusCard label={t("entries")} value={entries.length} icon="❓" />
+        <StatusCard label={t("withButton")} value={withButton} icon="🔘" />
+        <StatusCard label={t("smallBoxes")} value={smallBoxes} icon="🗂️" />
       </div>
 
       <section className="mt-6">
-        <h2 className="admin-section-title">Entries</h2>
+        <h2 className="admin-section-title">{t("entries")}</h2>
         {entries.length === 0 ? (
-          <div className="admin-empty">No help-center entries yet.</div>
+          <div className="admin-empty">{t("noEntries")}</div>
         ) : (
           <table>
             <thead>
               <tr>
                 <th>Pos.</th>
-                <th>Name</th>
+                <th>{t("colTitle")}</th>
                 <th>Button</th>
                 <th>Small box</th>
                 <th />
@@ -71,7 +73,7 @@ export default async function AdminHelpQuestions() {
                     </span>
                   </td>
                   <td>
-                    <Link href={`/admin/help-questions/${e.id}`}>Edit</Link>
+                    <Link href={`/admin/help-questions/${e.id}`}>{t("edit")}</Link>
                   </td>
                 </tr>
               ))}