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>
+	);
+}