i18n: translate all public page bodies (EN + IT)

Internationalised the ~44 public pages with next-intl (the shell was
already translated). Each page now pulls its copy from a "pages.<slug>"
namespace via getTranslations (server) / useTranslations (client); the
EN + IT catalogs were authored by parallel agents and merged centrally,
with natural Italian (ICU plurals) and it backfilled from en for any
gap. request.ts gained getMessageFallback/onError so a missing key
degrades to the English value, never a raw key.

Behaviour unchanged (only display text moved to t() calls; queries,
actions, fields, ContentCard structure preserved). Verified on the prod
server: with NEXT_LOCALE=it, home/community/staff/news/shop/rankings all
render Italian copy, no raw-key leakage; English unchanged. The nav
language switcher toggles EN/IT live. tsc 0, vitest 49/49, next build 0.

Admin pages intentionally left in English (staff tooling).

src/app/help/tickets/page.tsx

@@ -1,3 +1,4 @@
+import { getTranslations } from "next-intl/server";
 import { redirect } from "next/navigation";
 import { createTicket } from "@/actions/help-tickets";
 import { ContentCard, EmptyState, StatBlock } from "@/components/public/ui";
@@ -14,6 +15,8 @@ export default async function HelpTicketsPage() {
   const session = await auth();
   if (!session?.user?.id) redirect("/login");
 
+  const t = await getTranslations("pages.helpTickets");
+
   const userId = Number(session.user.id);
 
   let tickets: Awaited<ReturnType<typeof prisma.websiteHelpCenterTickets.findMany>> = [];
@@ -34,30 +37,30 @@ export default async function HelpTicketsPage() {
     <main style={{ display: "grid", gap: "1.5rem" }}>
       <ContentCard
         icon="🎫"
-        title="Help Tickets"
-        subtitle="Submit a ticket to staff and track your open requests."
+        title={t("title")}
+        subtitle={t("subtitle")}
       >
         <div className="stat-grid">
-          <StatBlock icon="🎫" value={tickets.length} label="Total tickets" />
-          <StatBlock icon="📬" value={openCount} label="Open" />
-          <StatBlock icon="✅" value={closedCount} label="Closed" />
+          <StatBlock icon="🎫" value={tickets.length} label={t("statTotal")} />
+          <StatBlock icon="📬" value={openCount} label={t("statOpen")} />
+          <StatBlock icon="✅" value={closedCount} label={t("statClosed")} />
         </div>
       </ContentCard>
 
-      <ContentCard icon="✏️" title="New ticket" subtitle="Describe your issue and staff will follow up">
+      <ContentCard icon="✏️" title={t("newTitle")} subtitle={t("newSubtitle")}>
         <form action={createTicket}>
           <div style={{ display: "flex", flexDirection: "column", gap: "0.6rem" }}>
-            <input name="title" placeholder="Subject" maxLength={255} required />
+            <input name="title" placeholder={t("subjectPlaceholder")} maxLength={255} required />
             <textarea
               name="content"
-              placeholder="Describe your issue…"
+              placeholder={t("contentPlaceholder")}
               rows={5}
               maxLength={5000}
               required
             />
             <div>
               <button type="submit" className="btn btn-primary">
-                Submit ticket
+                {t("submit")}
               </button>
             </div>
           </div>
@@ -66,34 +69,34 @@ export default async function HelpTicketsPage() {
 
       <ContentCard
         icon="📋"
-        title="Your tickets"
-        subtitle="Every request you have sent to staff"
+        title={t("listTitle")}
+        subtitle={t("listSubtitle")}
         padded={tickets.length === 0}
       >
         {tickets.length === 0 ? (
-          <EmptyState icon="🎫">You have no tickets yet.</EmptyState>
+          <EmptyState icon="🎫">{t("listEmpty")}</EmptyState>
         ) : (
           <table>
             <thead>
               <tr>
-                <th>ID</th>
-                <th>Subject</th>
-                <th>Status</th>
-                <th>Created</th>
+                <th>{t("colId")}</th>
+                <th>{t("colSubject")}</th>
+                <th>{t("colStatus")}</th>
+                <th>{t("colCreated")}</th>
               </tr>
             </thead>
             <tbody>
-              {tickets.map((t) => (
-                <tr key={String(t.id)}>
-                  <td>{String(t.id)}</td>
-                  <td>{t.title}</td>
+              {tickets.map((t2) => (
+                <tr key={String(t2.id)}>
+                  <td>{String(t2.id)}</td>
+                  <td>{t2.title}</td>
                   <td>
-                    <span className={`online-badge${t.open ? " online" : ""}`}>
+                    <span className={`online-badge${t2.open ? " online" : ""}`}>
                       <span className="online-dot" aria-hidden />
-                      {t.open ? "Open" : "Closed"}
+                      {t2.open ? t("statusOpen") : t("statusClosed")}
                     </span>
                   </td>
-                  <td className="muted">{formatDate(t.createdAt)}</td>
+                  <td className="muted">{formatDate(t2.createdAt)}</td>
                 </tr>
               ))}
             </tbody>