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

@@ -1,3 +1,4 @@
+import { getTranslations } from "next-intl/server";
 import { ContentCard, EmptyState } from "@/components/public/ui";
 import { auth } from "@/lib/auth";
 import { avatarImageUrl } from "@/lib/format";
@@ -12,6 +13,8 @@ function formatDate(d: Date | null | undefined): string {
 }
 
 export default async function RadioShoutsPage() {
+  const t = await getTranslations("pages.radioShouts");
+
   const [shouts, imagerBase, session] = await Promise.all([
     prisma.radioShouts
       .findMany({
@@ -44,17 +47,17 @@ export default async function RadioShoutsPage() {
     <main style={{ display: "grid", gap: "1.5rem" }}>
       <ContentCard
         icon="📣"
-        title="Radio Shouts"
-        subtitle="Shout-outs and requests from the community"
+        title={t("title")}
+        subtitle={t("subtitle")}
       />
 
       {isLoggedIn ? (
-        <ContentCard icon="✍️" title="Post a shout" subtitle="Send a message to the DJ on air">
+        <ContentCard icon="✍️" title={t("postTitle")} subtitle={t("postSubtitle")}>
           {/* The author is taken from the session inside the action, never from
               this form — no user id is submitted. */}
           <form action={postShout}>
             <label htmlFor="shout-message" className="muted">
-              Your message
+              {t("messageLabel")}
             </label>
             <textarea
               id="shout-message"
@@ -62,28 +65,28 @@ export default async function RadioShoutsPage() {
               required
               maxLength={255}
               rows={3}
-              placeholder="Send a shout to the DJ…"
+              placeholder={t("messagePlaceholder")}
               style={{ width: "100%", margin: "0.4rem 0 0.75rem", resize: "vertical" }}
             />
             <button type="submit" className="btn btn-primary">
-              Shout
+              {t("shoutButton")}
             </button>
           </form>
         </ContentCard>
       ) : (
         <ContentCard padded>
-          <EmptyState icon="🔒">Log in to post a shout.</EmptyState>
+          <EmptyState icon="🔒">{t("loginToPost")}</EmptyState>
         </ContentCard>
       )}
 
       <ContentCard
         icon="💬"
-        title="Latest shouts"
-        subtitle="The most recent messages from listeners"
+        title={t("latestTitle")}
+        subtitle={t("latestSubtitle")}
         padded={shouts.length === 0}
       >
         {shouts.length === 0 ? (
-          <EmptyState icon="📣">No shouts yet. Be the first!</EmptyState>
+          <EmptyState icon="📣">{t("empty")}</EmptyState>
         ) : (
           <div className="card-grid">
             {shouts.map((s) => {