feat(form): show submission queue names

app/admin/form/[id]/layout.tsx

@@ -7,7 +7,7 @@ import { getSessionDiscordId } from "@/lib/auth";
 import { getDiscordMemberProfile } from "@/lib/discord";
 import { db } from "@/db";
 import { submissions } from "@/db/schema";
-import { desc, eq } from "drizzle-orm";
+import { asc, eq } from "drizzle-orm";
 import { notFound } from "next/navigation";
 import { isFormAcceptingSubmissions } from "@/lib/form-availability";
 
@@ -44,7 +44,23 @@ export default async function AdminFormLayout(
     })
     .from(submissions)
     .where(eq(submissions.formId, params.id))
-    .orderBy(desc(submissions.submittedAt), desc(submissions.id));
+    .orderBy(asc(submissions.submittedAt), asc(submissions.id));
+
+  const responseDiscordIds = [
+    ...new Set(
+      responseItems
+        .map((response) => response.userDiscordId)
+        .filter((value): value is string => Boolean(value))
+    ),
+  ];
+  const responseProfiles = Object.fromEntries(
+    await Promise.all(
+      responseDiscordIds.map(async (discordId) => [
+        discordId,
+        await getDiscordMemberProfile(discordId),
+      ])
+    )
+  );
   
   let profile = null;
   const discordId = getSessionDiscordId(session);
@@ -58,7 +74,18 @@ export default async function AdminFormLayout(
         <FormAdminSidebar
           formId={params.id}
           formTitle={form.title}
-          responseItems={responseItems}
+          responseItems={responseItems.map((response, index) => ({
+            id: response.id,
+            displayName:
+              (response.userDiscordId
+                ? responseProfiles[response.userDiscordId]?.globalName ||
+                  responseProfiles[response.userDiscordId]?.username
+                : null) ||
+              response.userName ||
+              response.userDiscordId ||
+              "Anonymous",
+            queueNumber: index + 1,
+          }))}
           isOpen={isFormAcceptingSubmissions(form)}
           userName={session?.user?.name || ""}
           userImage={session?.user?.image || ""}