Add player bug reports and profile identity features

app/support/[id]/page.tsx

@@ -0,0 +1,22 @@
+import { notFound } from "next/navigation";
+import { z } from "zod";
+import { Header, Footer } from "@/components/Shell";
+import { SupportConversation } from "@/components/Support";
+export const metadata = { robots: { index: false, follow: false } };
+export default async function Report({
+  params,
+}: {
+  params: Promise<{ id: string }>;
+}) {
+  const { id } = await params;
+  if (!z.string().uuid().safeParse(id).success) notFound();
+  return (
+    <>
+      <Header />
+      <main className="section page-content">
+        <SupportConversation key={id} id={id} />
+      </main>
+      <Footer />
+    </>
+  );
+}

app/support/page.tsx

@@ -0,0 +1,27 @@
+import { Header, Footer } from "@/components/Shell";
+import { SupportInbox } from "@/components/Support";
+import { getI18n } from "@/lib/i18n";
+export async function generateMetadata() {
+  const { t } = await getI18n();
+  return { title: t("Report a bug") };
+}
+export default async function Support({
+  searchParams,
+}: {
+  searchParams: Promise<{ from?: string }>;
+}) {
+  const query = await searchParams;
+  const pagePath =
+    query.from && /^\/(?!\/)[a-zA-Z0-9/_-]{0,299}$/.test(query.from)
+      ? query.from
+      : "/";
+  return (
+    <>
+      <Header />
+      <main className="section page-content">
+        <SupportInbox pagePath={pagePath} />
+      </main>
+      <Footer />
+    </>
+  );
+}