feat: 메뉴 폼에 '메뉴ID' 필드 추가

apps/cs/src/pages/menu/ui/base-menu-form.tsx

@@ -20,9 +20,10 @@ import { MENU_TYPE, type MenuFormData } from "../model/menu-interface";
 
 interface BaseMenuFormProps {
   form: UseFormReturn<MenuFormData>;
+  menuId?: number;
 }
 
-export function BaseMenuForm({ form }: BaseMenuFormProps) {
+export function BaseMenuForm({ form, menuId }: BaseMenuFormProps) {
   return (
     <Table variant="secondary">
       <colgroup>
@@ -30,6 +31,14 @@ export function BaseMenuForm({ form }: BaseMenuFormProps) {
         <col width="80%" />
       </colgroup>
       <TableBody>
+        <TableRow>
+          <TableHead>메뉴ID</TableHead>
+          <TableCell className="border">
+            <div className="h-[3.2rem] w-[21.5rem] cursor-not-allowed rounded-md border border-input bg-form px-3 py-2 text-[1.3rem] opacity-50">
+              {menuId}
+            </div>
+          </TableCell>
+        </TableRow>
         <TableRow>
           <TableHead>메뉴명</TableHead>
           <TableCell className="border">

apps/cs/src/pages/menu/ui/menu-form.tsx

@@ -11,7 +11,7 @@ import { ContentMenuForm } from "./content-menu-form";
 
 interface MenuFormProps {
   form: UseFormReturn<MenuFormData>;
-  menuId?: string;
+  menuId?: number;
   handleSave: (data: MenuFormData) => Promise<void>;
   handleDelete?: () => Promise<void>;
 }
@@ -26,8 +26,6 @@ export function MenuForm({
   const { confirm } = useConfirm();
   const [onConfirm, setOnConfirm] = useState(false);
 
-  const menuType = form.watch("menuLnkgTypeCd");
-
   const onSubmit = async (data: MenuFormData) => {
     const confirmMessage = isModifyMode
       ? "수정하시겠습니까?"
@@ -50,6 +48,8 @@ export function MenuForm({
     setOnConfirm(false);
   };
 
+  const menuType = form.watch("menuLnkgTypeCd");
+
   return (
     <>
       <Form {...form}>
@@ -61,7 +61,7 @@ export function MenuForm({
               </h3>
             </div>
             <div className="card">
-              <BaseMenuForm form={form} />
+              <BaseMenuForm form={form} menuId={menuId} />
               <div className="-mt-[0.1rem]">
                 {renderMenuTypeComponent(menuType, form)}
               </div>