refactor : remove one time used componenets file

app/form/[id]/page.tsx

@@ -1,9 +1,8 @@
 import { db } from "@/db";
-import { FormFillerClient } from "../client";
+import { FormFillerClient, LoginDialog } from "../client";
 import { getServerSession } from "next-auth";
 import { authOptions } from "@/lib/auth/auth-options";
 import { notFound } from "next/navigation";
-import LoginDialog from "@/components/login-dialog";
 import { canAccessForm, getSessionDiscordId } from "@/lib/auth/auth";
 import { RealtimeRefresh } from "@/components/realtime-refresh";
 import {

app/form/client.tsx

@@ -20,7 +20,14 @@ import { Checkbox } from "@/components/ui/checkbox";
 import { stripHtml } from "@/lib/utils";
 import { HtmlDisplay } from "@/components/html-display";
 import { FormattedText } from "@/components/formatted-text";
-import { Dialog, DialogContent, DialogTrigger, DialogTitle } from "@/components/ui/dialog";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from "@/components/ui/dialog";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from "@/components/ui/alert-dialog";
 import { toast } from "sonner";
 import { submitForm, deleteOwnSubmission } from "@/app/actions/submissions";
@@ -109,6 +116,42 @@ export function LoginButton() {
   );
 }
 
+export function LoginDialog() {
+  return (
+    <Dialog open>
+      <DialogContent
+        showCloseButton={false}
+        onInteractOutside={(event) => event.preventDefault()}
+      >
+        <DialogHeader>
+          <DialogTitle className="text-xl font-bold">
+            เข้าสู่ระบบก่อนกรอกแบบฟอร์ม
+          </DialogTitle>
+          <DialogDescription className="mt-1 text-base">
+            ระบบใช้บัญชี Discord เพื่อตรวจสอบสิทธิ์และเก็บคำตอบหนึ่งชุดต่อคน
+          </DialogDescription>
+        </DialogHeader>
+        <Button
+          className="mt-2 w-full"
+          onClick={() =>
+            signIn("discord", { callbackUrl: window.location.href })
+          }
+        >
+          <svg
+            data-icon="inline-start"
+            viewBox="0 0 127.14 96.36"
+            fill="currentColor"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z" />
+          </svg>
+          ดำเนินการต่อด้วย Discord
+        </Button>
+      </DialogContent>
+    </Dialog>
+  );
+}
+
 const LS_KEY = (formId: string) => `form-draft-${formId}`;
 
 export function FormFillerClient({