Translate admin panel to all 6 languages

src/app/admin/permissions/page.tsx

@@ -6,6 +6,7 @@ import {
 import { StatusCard } from "@/components/admin/dashboard";
 import { prisma } from "@/lib/prisma";
 import { Shield } from "lucide-react";
+import { getTranslations } from "next-intl/server";
 
 export const dynamic = "force-dynamic";
 
@@ -20,6 +21,7 @@ type PermissionRow = {
 };
 
 export default async function AdminPermissions() {
+  const t = await getTranslations("pages.admin.permissions");
   let permissions: PermissionRow[] = [];
   try {
     permissions = await prisma.websitePermissions.findMany({
@@ -40,52 +42,52 @@ export default async function AdminPermissions() {
           <Shield size={20} className="text-[var(--color-primary)]" />
         </div>
         <div>
-          <h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">Permissions</h1>
-          <p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">CMS-owned permissions (<code>website_permissions</code>). Each entry maps a permission name to the minimum rank allowed to use it.</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="Permissions" value={permissions.length} icon="🔑" />
-        <StatusCard label="Highest min rank" value={highestRank} icon="🎖️" />
+        <StatusCard label={t("permissions")} value={permissions.length} icon="🔑" />
+        <StatusCard label={t("highestMinRank")} value={highestRank} icon="🎖️" />
       </div>
 
       <form action={createPermission} className="admin-card mb-6">
-        <h3 className="text-sm font-bold text-[var(--color-text)] m-0 mb-3">Add / overwrite permission</h3>
+        <h3 className="text-sm font-bold text-[var(--color-text)] m-0 mb-3">{t("addPermission")}</h3>
         <div className="flex gap-2 flex-wrap">
-          <input name="permission" placeholder="permission" required maxLength={255} />
+          <input name="permission" placeholder={t("permissionPlaceholder")} required maxLength={255} />
           <input
             name="minRank"
             type="number"
             min={0}
-            placeholder="min rank"
+            placeholder={t("minRankPlaceholder")}
             defaultValue={1}
             className="w-[110px]"
           />
           <input
             name="description"
-            placeholder="description"
+            placeholder={t("descriptionPlaceholder")}
             className="flex-1 min-w-[160px]"
           />
           <button type="submit" className="btn btn-primary">
-            Save
+            {t("save")}
           </button>
         </div>
       </form>
 
       <section className="mt-6">
-        <h2 className="admin-section-title">Permissions ({permissions.length})</h2>
+        <h2 className="admin-section-title">{t("permissions")} ({permissions.length})</h2>
         {permissions.length === 0 ? (
-          <div className="admin-empty">No permissions found.</div>
+          <div className="admin-empty">{t("noPermissions")}</div>
         ) : (
           <div className="overflow-x-auto">
             <table>
               <thead>
                 <tr>
-                  <th>ID</th>
-                  <th>Permission</th>
-                  <th>Min rank</th>
-                  <th>Description</th>
+                  <th>{t("colId")}</th>
+                  <th>{t("colPermission")}</th>
+                  <th>{t("colMinRank")}</th>
+                  <th>{t("colDescription")}</th>
                   <th />
                 </tr>
               </thead>
@@ -127,12 +129,12 @@ export default async function AdminPermissions() {
                         form={`perm-${String(p.id)}`}
                         className="btn btn-primary"
                       >
-                        Save
+                        {t("save")}
                       </button>
                       <form action={deletePermission}>
                         <input type="hidden" name="id" value={String(p.id)} />
                         <button type="submit" className="btn btn-danger">
-                          Delete
+                          {t("delete")}
                         </button>
                       </form>
                     </td>