Decouple admin from public max-w-7xl via (site) route group.

Public chrome and width live only under (site). /admin and /client inherit the root layout alone, so housekeeping width is no longer tied to the public template.

Co-authored-by: Cursor <[email protected]>

src/app/(site)/radio/contests/[id]/page.tsx

@@ -0,0 +1,92 @@
+import Link from "next/link";
+import { notFound } from "next/navigation";
+import { getTranslations } from "next-intl/server";
+import { ContentCard } from "@/components/public/ui";
+import { prisma } from "@/lib/prisma";
+
+export const revalidate = 300;
+
+function formatDate(d: Date | null | undefined): string {
+	return d ? d.toISOString().slice(0, 19).replace("T", " ") : "";
+}
+
+export default async function RadioContestDetailPage({
+	params,
+}: {
+	params: Promise<{ id: string }>;
+}) {
+	const { id } = await params;
+	await getTranslations("pages.radioContests");
+
+	let contestId: bigint;
+	try {
+		contestId = BigInt(id);
+	} catch {
+		notFound();
+	}
+
+	const contest = await prisma.radioContests
+		.findUnique({ where: { id: contestId } })
+		.catch(() => null);
+
+	if (!contest) notFound();
+
+	const active = contest.isActive ? "Active" : "Ended";
+
+	return (
+		<main style={{ display: "grid", gap: "1.5rem" }}>
+			<p className="muted" style={{ margin: 0 }}>
+				<Link href="/radio/contests">← Back to contests</Link>
+			</p>
+
+			<ContentCard
+				icon="🎉"
+				title={contest.title || `Contest #${contest.id}`}
+				subtitle={active}
+			>
+				<table style={{ width: "100%" }}>
+					<tbody>
+						{contest.description ? (
+							<tr>
+								<th style={{ verticalAlign: "top", width: 120 }}>
+									Description
+								</th>
+								<td>{contest.description}</td>
+							</tr>
+						) : null}
+						{contest.prize ? (
+							<tr>
+								<th>Prize</th>
+								<td>{contest.prize}</td>
+							</tr>
+						) : null}
+						<tr>
+							<th>Period</th>
+							<td>
+								{contest.startDate ? formatDate(contest.startDate) : "—"}
+								{" — "}
+								{contest.endDate ? formatDate(contest.endDate) : "ongoing"}
+							</td>
+						</tr>
+						<tr>
+							<th>Created</th>
+							<td>
+								{formatDate(contest.createdAt) || (
+									<span className="muted">—</span>
+								)}
+							</td>
+						</tr>
+						<tr>
+							<th>Updated</th>
+							<td>
+								{formatDate(contest.updatedAt) || (
+									<span className="muted">—</span>
+								)}
+							</td>
+						</tr>
+					</tbody>
+				</table>
+			</ContentCard>
+		</main>
+	);
+}

src/app/(site)/radio/contests/page.tsx

@@ -0,0 +1,81 @@
+import Link from "next/link";
+import { getTranslations } from "next-intl/server";
+import { ContentCard, EmptyState } from "@/components/public/ui";
+import { prisma } from "@/lib/prisma";
+
+export const revalidate = 300;
+
+function formatDate(d: Date | null | undefined): string {
+	return d ? d.toISOString().slice(0, 10) : "";
+}
+
+export default async function RadioContestsPage() {
+	const t = await getTranslations("pages.radioContests");
+
+	const contests = await prisma.radioContests
+		.findMany({
+			where: { isActive: true },
+			orderBy: { startDate: "desc" },
+			take: 50,
+			select: {
+				id: true,
+				title: true,
+				prize: true,
+				startDate: true,
+				endDate: true,
+			},
+		})
+		.catch(() => []);
+
+	return (
+		<main style={{ display: "grid", gap: "1.5rem" }}>
+			<ContentCard icon="🎉" title={t("title")} subtitle={t("subtitle")} />
+
+			<ContentCard padded={contests.length === 0}>
+				{contests.length === 0 ? (
+					<EmptyState icon="🎉">{t("empty")}</EmptyState>
+				) : (
+					<div className="card-grid sm-2 lg-3" style={{ padding: "1rem" }}>
+						{contests.map((c) => {
+							const id = c.id.toString();
+							return (
+								<Link
+									key={id}
+									href={`/radio/contests/${id}`}
+									className="card hover"
+									style={{
+										color: "inherit",
+										textDecoration: "none",
+										display: "grid",
+										gap: "0.3rem",
+									}}
+								>
+									<h3 style={{ margin: 0, fontSize: "1rem" }}>
+										<span aria-hidden>🎉</span>{" "}
+										{c.title || t("contestLabel", { id })}
+									</h3>
+									{c.prize ? (
+										<p
+											className="muted"
+											style={{ margin: 0, fontSize: "0.9rem" }}
+										>
+											Prize: {c.prize}
+										</p>
+									) : null}
+									<p
+										className="muted"
+										style={{ margin: 0, fontSize: "0.85rem" }}
+									>
+										{c.startDate
+											? `${formatDate(c.startDate)} — ${c.endDate ? formatDate(c.endDate) : "ongoing"}`
+											: t("dateUnknown")}
+									</p>
+								</Link>
+							);
+						})}
+					</div>
+				)}
+			</ContentCard>
+		</main>
+	);
+}