Translate admin panel to all 6 languages

src/app/admin/subscriptions/page.tsx

@@ -1,4 +1,5 @@
 import { CreditCard } from "lucide-react";
+import { getTranslations } from "next-intl/server";
 import { StatusCard } from "@/components/admin/dashboard";
 import { prisma } from "@/lib/prisma";
 
@@ -16,12 +17,11 @@ function fmt(ts: number): string {
 }
 
 export default async function AdminSubscriptions() {
+  const t = await getTranslations("pages.admin.subscriptions");
   const now = Math.floor(Date.now() / 1000);
 
   let active: SubRow[] = [];
   try {
-    // Schema has no timestamp_end column; expiry = timestamp_start + duration.
-    // Active subs are active=1 with a computed expiry still in the future.
     const rows = await prisma.usersSubscriptions.findMany({
       where: { active: 1 },
       orderBy: { id: "desc" },
@@ -41,7 +41,6 @@ export default async function AdminSubscriptions() {
     active = [];
   }
 
-  // "Expiring soon" = within the next 7 days.
   const soonCutoff = now + 7 * 24 * 60 * 60;
   const expiringSoon = active.filter((s) => s.expiresAt <= soonCutoff).length;
   const types = new Set(active.map((s) => s.subscriptionType ?? "—")).size;
@@ -53,16 +52,16 @@ export default async function AdminSubscriptions() {
           <CreditCard size={20} className="text-[var(--color-primary)]" />
         </div>
         <div>
-          <h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">Subscriptions</h1>
-          <p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">Active Habbo Club / VIP subscriptions (expiry &gt; now). 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="Active subs" value={active.length} icon="⭐" />
-        <StatusCard label="Types" value={types} icon="🏷️" />
+        <StatusCard label={t("activeSubs")} value={active.length} icon="⭐" />
+        <StatusCard label={t("types")} value={types} icon="🏷️" />
         <StatusCard
-          label="Expiring ≤ 7d"
+          label={t("expiringSoon")}
           value={expiringSoon}
           state={expiringSoon > 0 ? "warn" : "ok"}
           icon="⏳"
@@ -70,16 +69,16 @@ export default async function AdminSubscriptions() {
       </div>
 
       <section className="mt-6">
-        <h2 className="admin-section-title">Active subscriptions ({active.length})</h2>
+        <h2 className="admin-section-title">{t("activeSubscriptions")} ({active.length})</h2>
         <div className="admin-card">
           <table>
             <thead>
               <tr>
-                <th>Sub ID</th>
-                <th>User ID</th>
-                <th>Type</th>
-                <th>Status</th>
-                <th>Expires</th>
+                <th>{t("colSubId")}</th>
+                <th>{t("colUserId")}</th>
+                <th>{t("colType")}</th>
+                <th>{t("colStatus")}</th>
+                <th>{t("colExpires")}</th>
               </tr>
             </thead>
             <tbody>
@@ -92,7 +91,7 @@ export default async function AdminSubscriptions() {
                     <td>{s.subscriptionType ?? "—"}</td>
                     <td>
                       <span className={`inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full ${soon ? "bg-[var(--color-primary)]/18 text-[var(--color-text)]" : "bg-green-600/20 text-[var(--color-text)]"}`}>
-                        {soon ? "Expiring" : "Active"}
+                        {soon ? t("statusExpiring") : t("statusActive")}
                       </span>
                     </td>
                     <td className="text-sm text-gray-500 dark:text-gray-400 whitespace-nowrap">{fmt(s.expiresAt)}</td>
@@ -101,7 +100,7 @@ export default async function AdminSubscriptions() {
               })}
             </tbody>
           </table>
-          {active.length === 0 ? <div className="admin-empty">No active subscriptions.</div> : null}
+          {active.length === 0 ? <div className="admin-empty">{t("noSubscriptions")}</div> : null}
         </div>
       </section>
     </main>