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/marketplace/page.tsx

@@ -1,3 +1,4 @@
+import { getTranslations } from "next-intl/server";
 import { ContentCard, EmptyState, StatBlock } from "@/components/public/ui";
 import { prisma } from "@/lib/prisma";
 
@@ -8,16 +9,18 @@ export const metadata = { title: "Marketplace" };
 // state == 1 → an active, unsold offer in the Arcturus marketplace.
 const STATE_ACTIVE = 1;
 
-function listedAgo(ts: number): string {
+type RelativeTimeTranslator = (key: string, values?: Record<string, number>) => string;
+
+function listedAgo(ts: number, t: RelativeTimeTranslator): string {
   const now = Math.floor(Date.now() / 1000);
   const diff = Math.max(0, now - ts);
-  if (diff < 60) return "just now";
+  if (diff < 60) return t("justNow");
   const mins = Math.floor(diff / 60);
-  if (mins < 60) return `${mins}m ago`;
+  if (mins < 60) return t("minutesAgo", { count: mins });
   const hours = Math.floor(mins / 60);
-  if (hours < 24) return `${hours}h ago`;
+  if (hours < 24) return t("hoursAgo", { count: hours });
   const days = Math.floor(hours / 24);
-  return `${days}d ago`;
+  return t("daysAgo", { count: days });
 }
 
 function listedAt(ts: number): string {
@@ -25,6 +28,7 @@ function listedAt(ts: number): string {
 }
 
 export default async function MarketplacePage() {
+  const t = await getTranslations("pages.marketplace");
   let offers: {
     id: number;
     itemId: number;
@@ -64,51 +68,51 @@ export default async function MarketplacePage() {
     <main style={{ display: "grid", gap: "1.5rem" }}>
       <ContentCard
         icon="🛍️"
-        title="Marketplace"
-        subtitle="Browse furniture and rares listed by players. Listings are placed in-game and update live — head into the hotel to make an offer."
+        title={t("title")}
+        subtitle={t("subtitle")}
       >
         <div className="stat-grid">
-          <StatBlock value={offers.length.toLocaleString()} label="Active offers" icon="🏷️" />
+          <StatBlock value={offers.length.toLocaleString()} label={t("activeOffers")} icon="🏷️" />
           <StatBlock
             value={new Set(offers.map((o) => o.userId)).size.toLocaleString()}
-            label="Sellers"
+            label={t("sellers")}
             icon="👥"
           />
-          <StatBlock value={`${total.toLocaleString()} cr`} label="Total value" icon="🪙" />
+          <StatBlock value={`${total.toLocaleString()} cr`} label={t("totalValue")} icon="🪙" />
         </div>
       </ContentCard>
 
       <ContentCard
         icon="📋"
-        title="Active listings"
-        subtitle={offers.length > 0 ? "Most recently listed first" : undefined}
+        title={t("activeListings")}
+        subtitle={offers.length > 0 ? t("mostRecentFirst") : undefined}
         padded={offers.length === 0}
       >
         {offers.length === 0 ? (
           <EmptyState icon="🛍️">
-            There are no active marketplace offers right now. Check back later.
+            {t("empty")}
           </EmptyState>
         ) : (
           <div style={{ padding: "0.25rem 1rem 0.75rem", overflowX: "auto" }}>
             <table>
               <thead>
                 <tr>
-                  <th>Offer</th>
-                  <th>Item</th>
-                  <th>Seller</th>
-                  <th>Price</th>
-                  <th>Listed</th>
+                  <th>{t("colOffer")}</th>
+                  <th>{t("colItem")}</th>
+                  <th>{t("colSeller")}</th>
+                  <th>{t("colPrice")}</th>
+                  <th>{t("colListed")}</th>
                 </tr>
               </thead>
               <tbody>
                 {offers.map((o) => (
                   <tr key={o.id}>
                     <td className="muted">#{o.id}</td>
-                    <td>Item #{o.itemId}</td>
-                    <td>{sellers.get(o.userId) ?? `User #${o.userId}`}</td>
+                    <td>{t("itemLabel", { id: o.itemId })}</td>
+                    <td>{sellers.get(o.userId) ?? t("userLabel", { id: o.userId })}</td>
                     <td style={{ fontWeight: 700 }}>{o.price.toLocaleString()} cr</td>
                     <td className="muted" title={listedAt(o.timestamp)}>
-                      {listedAgo(o.timestamp)}
+                      {listedAgo(o.timestamp, t)}
                     </td>
                   </tr>
                 ))}