Fix modal label display issues and DOM node removal errors

- Hide rounded background labels in modal (계약구분, 국내/해외, 기본 버튼)
- Add try-catch blocks for DOM operations to prevent removeChild errors
- Fix event listener registration/removal in RealtimePreview, FileUpload, FileComponentConfigPanel
- Improve error handling for CustomEvent dispatching

frontend/components/screen/panels/FileComponentConfigPanel.tsx

@@ -600,55 +600,71 @@ export const FileComponentConfigPanel: React.FC<FileComponentConfigPanelProps> =
 
         // 🎯 RealtimePreview 동기화를 위한 전역 이벤트 발생
         if (typeof window !== 'undefined') {
-          const eventDetail = {
-            componentId: component.id,
-            files: updatedFiles,
-            fileCount: updatedFiles.length,
-            action: 'delete',
-            timestamp: timestamp,
-            source: 'designMode' // 🎯 화면설계 모드에서 온 이벤트임을 표시
-          };
-          
-          console.log("🚀🚀🚀 FileComponentConfigPanel 삭제 이벤트 발생:", eventDetail);
-          
-          const event = new CustomEvent('globalFileStateChanged', {
-            detail: eventDetail
-          });
-          window.dispatchEvent(event);
-          
-          console.log("✅✅✅ globalFileStateChanged 삭제 이벤트 발생 완료");
-          
-          // 추가 지연 이벤트들
-          setTimeout(() => {
-            console.log("🔄 추가 삭제 이벤트 발생 (지연 100ms)");
-            window.dispatchEvent(new CustomEvent('globalFileStateChanged', {
-              detail: { ...eventDetail, delayed: true }
-            }));
-          }, 100);
-          
-          setTimeout(() => {
-            console.log("🔄 추가 삭제 이벤트 발생 (지연 300ms)");
-            window.dispatchEvent(new CustomEvent('globalFileStateChanged', {
-              detail: { ...eventDetail, delayed: true, attempt: 2 }
-            }));
-          }, 300);
+          try {
+            const eventDetail = {
+              componentId: component.id,
+              files: updatedFiles,
+              fileCount: updatedFiles.length,
+              action: 'delete',
+              timestamp: timestamp,
+              source: 'designMode' // 🎯 화면설계 모드에서 온 이벤트임을 표시
+            };
+            
+            console.log("🚀🚀🚀 FileComponentConfigPanel 삭제 이벤트 발생:", eventDetail);
+            
+            const event = new CustomEvent('globalFileStateChanged', {
+              detail: eventDetail
+            });
+            window.dispatchEvent(event);
+            
+            console.log("✅✅✅ globalFileStateChanged 삭제 이벤트 발생 완료");
+            
+            // 추가 지연 이벤트들
+            setTimeout(() => {
+              try {
+                console.log("🔄 추가 삭제 이벤트 발생 (지연 100ms)");
+                window.dispatchEvent(new CustomEvent('globalFileStateChanged', {
+                  detail: { ...eventDetail, delayed: true }
+                }));
+              } catch (error) {
+                console.warn("FileComponentConfigPanel 지연 이벤트 발생 실패:", error);
+              }
+            }, 100);
+            
+            setTimeout(() => {
+              try {
+                console.log("🔄 추가 삭제 이벤트 발생 (지연 300ms)");
+                window.dispatchEvent(new CustomEvent('globalFileStateChanged', {
+                  detail: { ...eventDetail, delayed: true, attempt: 2 }
+                }));
+              } catch (error) {
+                console.warn("FileComponentConfigPanel 지연 이벤트 발생 실패:", error);
+              }
+            }, 300);
+          } catch (error) {
+            console.warn("FileComponentConfigPanel 이벤트 발생 실패:", error);
+          }
         
         // 그리드 파일 상태 새로고침 이벤트도 유지
-        const tableName = currentTableName || 'screen_files';
-        const recordId = component.id;
-        const columnName = component.columnName || component.id || 'file_attachment';
-        const targetObjid = `${tableName}:${recordId}:${columnName}`;
-        
-        const refreshEvent = new CustomEvent('refreshFileStatus', {
-          detail: {
-            tableName: tableName,
-            recordId: recordId,
-            columnName: columnName,
-            targetObjid: targetObjid,
-            fileCount: updatedFiles.length
-          }
-        });
-        window.dispatchEvent(refreshEvent);
+        try {
+          const tableName = currentTableName || 'screen_files';
+          const recordId = component.id;
+          const columnName = component.columnName || component.id || 'file_attachment';
+          const targetObjid = `${tableName}:${recordId}:${columnName}`;
+          
+          const refreshEvent = new CustomEvent('refreshFileStatus', {
+            detail: {
+              tableName: tableName,
+              recordId: recordId,
+              columnName: columnName,
+              targetObjid: targetObjid,
+              fileCount: updatedFiles.length
+            }
+          });
+          window.dispatchEvent(refreshEvent);
+        } catch (error) {
+          console.warn("FileComponentConfigPanel refreshFileStatus 이벤트 발생 실패:", error);
+        }
         console.log("🔄 FileComponentConfigPanel 파일 삭제 후 그리드 새로고침:", {
           tableName,
           recordId,