feat: show Discord profiles for form respondents

app/admin/form/[id]/result/[submissionId]/page.tsx

@@ -6,6 +6,7 @@ import { ArrowLeft, ArrowRight } from "lucide-react";
 import SubmissionDetailClient from "./client";
 import { DeleteSubmissionButton } from "@/components/delete-buttons";
 import { RealtimeRefresh } from "@/components/realtime-refresh";
+import { getDiscordMemberProfile } from "@/lib/discord";
 
 interface SubmissionDetailPageProps {
   params: Promise<{
@@ -38,6 +39,10 @@ export default async function SubmissionDetailPage({
     notFound();
   }
 
+  const respondentProfile = submission.userDiscordId
+    ? await getDiscordMemberProfile(submission.userDiscordId)
+    : null;
+
   const questions = await db.query.questions.findMany({
     where: (q, { eq }) => eq(q.formId, submission.formId),
     orderBy: (q, { asc }) => [asc(q.displayOrder)],
@@ -77,7 +82,10 @@ export default async function SubmissionDetailPage({
       </div>
 
       <SubmissionDetailClient
-        submission={submission}
+        submission={{
+          ...submission,
+          userProfile: respondentProfile,
+        }}
         questions={questions}
         answers={answersMap}
       />