리사이징, 체크박스,엔터치면 다음 칸으로 이동, 표수정, 컬럼에서 이미지 넣는거 등등

frontend/components/screen/MenuAssignmentModal.tsx

@@ -2,12 +2,12 @@
 
 import React, { useState, useEffect, useRef } from "react";
 import {
-  Dialog,
-  DialogContent,
-  
-  
-  DialogHeader,
-  
+  ResizableDialog,
+  ResizableDialogContent,
+  ResizableDialogHeader,
+  ResizableDialogTitle,
+  ResizableDialogDescription,
+  ResizableDialogFooter,
 } from "@/components/ui/resizable-dialog";
 import { Button } from "@/components/ui/button";
 import { Badge } from "@/components/ui/badge";
@@ -550,7 +550,7 @@ export const MenuAssignmentModal: React.FC<MenuAssignmentModalProps> = ({
                 )}
               </div>
 
-              <DialogFooter className="flex gap-2">
+              <ResizableDialogFooter className="flex gap-2">
                 <Button variant="outline" onClick={handleAssignLater} disabled={assigning}>
                   <X className="mr-2 h-4 w-4" />
                   나중에 할당
@@ -628,7 +628,7 @@ export const MenuAssignmentModal: React.FC<MenuAssignmentModalProps> = ({
             </div>
           </div>
 
-          <DialogFooter className="flex gap-2">
+          <ResizableDialogFooter className="flex gap-2">
             <Button variant="outline" onClick={() => setShowReplaceDialog(false)} disabled={assigning}>
               취소
             </Button>