feat(SplitPanelLayout2): 좌우 패널 수정/삭제 기능 및 모달 자동 닫기 구현

- 좌측 패널에 수정/삭제 버튼 기능 추가
- 좌측 패널 설정에 개별 수정/삭제 UI 추가
- 삭제 API 호출을 백엔드 라우트에 맞게 수정 (DELETE /tables/{tableName}/delete)
- UniversalFormModal 저장 완료 후 closeEditModal 이벤트 발생하여 모달 자동 닫기
- ModalConfig에 showSaveButton 타입 추가

frontend/lib/registry/components/universal-form-modal/UniversalFormModalComponent.tsx

@@ -1223,12 +1223,11 @@ export function UniversalFormModalComponent({
       if (subTableConfig.options?.saveMainAsFirst) {
         mainFieldMappings = [];
 
-        // 메인 섹션(비반복)의 필드들을 서브 테이블에 매핑
-        // 서브 테이블의 fieldMappings에서 targetColumn을 찾아서 매핑
+        // fieldMappings에 정의된 targetColumn만 매핑 (서브 테이블에 존재하는 컬럼만)
         for (const mapping of subTableConfig.fieldMappings || []) {
           if (mapping.targetColumn) {
             // 메인 데이터에서 동일한 컬럼명이 있으면 매핑
-            if (mainData[mapping.targetColumn] !== undefined) {
+            if (mainData[mapping.targetColumn] !== undefined && mainData[mapping.targetColumn] !== null && mainData[mapping.targetColumn] !== "") {
               mainFieldMappings.push({
                 formField: mapping.targetColumn,
                 targetColumn: mapping.targetColumn,
@@ -1239,7 +1238,7 @@ export function UniversalFormModalComponent({
               config.sections.forEach((section) => {
                 if (section.repeatable || section.type === "table") return;
                 const matchingField = (section.fields || []).find((f) => f.columnName === mapping.targetColumn);
-                if (matchingField && mainData[matchingField.columnName] !== undefined) {
+                if (matchingField && mainData[matchingField.columnName] !== undefined && mainData[matchingField.columnName] !== null && mainData[matchingField.columnName] !== "") {
                   mainFieldMappings!.push({
                     formField: matchingField.columnName,
                     targetColumn: mapping.targetColumn,
@@ -1374,6 +1373,11 @@ export function UniversalFormModalComponent({
       if (onSave) {
         onSave({ ...formData, _saveCompleted: true });
       }
+
+      // 저장 완료 후 모달 닫기 이벤트 발생
+      if (config.saveConfig.afterSave?.closeModal !== false) {
+        window.dispatchEvent(new CustomEvent("closeEditModal"));
+      }
     } catch (error: any) {
       console.error("저장 실패:", error);
       // axios 에러의 경우 서버 응답 메시지 추출
@@ -1492,6 +1496,22 @@ export function UniversalFormModalComponent({
                   return `${valueVal} - ${displayVal}`;
                 case "name_code":
                   return `${displayVal} (${valueVal})`;
+                case "custom":
+                  // 커스텀 형식: {컬럼명}을 실제 값으로 치환
+                  if (lfg.customDisplayFormat) {
+                    let result = lfg.customDisplayFormat;
+                    // {컬럼명} 패턴을 찾아서 실제 값으로 치환
+                    const matches = result.match(/\{([^}]+)\}/g);
+                    if (matches) {
+                      matches.forEach((match) => {
+                        const columnName = match.slice(1, -1); // { } 제거
+                        const columnValue = row[columnName];
+                        result = result.replace(match, columnValue !== undefined && columnValue !== null ? String(columnValue) : "");
+                      });
+                    }
+                    return result;
+                  }
+                  return String(displayVal);
                 case "name_only":
                 default:
                   return String(displayVal);