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

@@ -0,0 +1,60 @@
+import { getTranslations } from "next-intl/server";
+import { ContentCard } from "@/components/public/ui";
+import { auth } from "@/lib/auth";
+import { prisma } from "@/lib/prisma";
+
+export const dynamic = "force-dynamic";
+
+const FAR_FUTURE = Math.floor(Date.now() / 1000) + 50 * 365 * 24 * 3600;
+
+export default async function BannedPage() {
+	const t = await getTranslations("pages.banned");
+	const session = await auth();
+	let reason = "";
+	let expire = 0;
+	if (session?.user?.id) {
+		try {
+			const now = Math.floor(Date.now() / 1000);
+			const ban = await prisma.ban.findFirst({
+				where: { userId: Number(session.user.id), banExpire: { gt: now } },
+				orderBy: { banExpire: "desc" },
+				select: { banReason: true, banExpire: true },
+			});
+			if (ban) {
+				reason = ban.banReason;
+				expire = ban.banExpire;
+			}
+		} catch {
+			// show generic message
+		}
+	}
+
+	const expiryText =
+		expire === 0
+			? ""
+			: expire > FAR_FUTURE
+				? t("permanent")
+				: t("expires", {
+						date: new Date(expire * 1000)
+							.toISOString()
+							.slice(0, 16)
+							.replace("T", " "),
+					});
+
+	return (
+		<main style={{ maxWidth: 560, margin: "2rem auto" }}>
+			<ContentCard icon="🚫" title={t("title")} subtitle={t("subtitle")}>
+				<p style={{ marginTop: 0 }}>{t("body")}</p>
+				{reason ? (
+					<p>
+						<strong>{t("reasonLabel")}</strong> {reason}
+					</p>
+				) : null}
+				{expiryText ? <p className="muted">{expiryText}</p> : null}
+				<p className="muted" style={{ marginBottom: 0 }}>
+					{t("contactStaff")}
+				</p>
+			</ContentCard>
+		</main>
+	);
+}