feat: 엔티티 타입 컬럼 표시 설정을 화면 편집기로 이동

- 테이블 타입 관리에서 엔티티 타입의 표시 컬럼 설정 완전 제거
- 컬럼 설정 패널에서 엔티티 타입일 때 표시 컬럼 조합 선택 기능 추가
- 기본 테이블과 조인 테이블의 컬럼을 자유롭게 조합 가능
- 구분자 설정 및 실시간 미리보기 기능 포함
- 별도 모달 방식 제거하고 기존 컬럼 설정 패널에 통합

frontend/components/screen/panels/webtype-configs/EntityTypeConfigPanel.tsx

@@ -171,7 +171,7 @@ export const EntityTypeConfigPanel: React.FC<EntityTypeConfigPanelProps> = ({ co
       {/* 표시 컬럼들 (다중 선택) */}
       <div className="space-y-3">
         <Label className="text-sm font-medium">표시 컬럼들</Label>
-        
+
         {/* 현재 선택된 표시 컬럼들 */}
         <div className="space-y-2">
           {localValues.displayColumns.map((column, index) => (
@@ -183,7 +183,7 @@ export const EntityTypeConfigPanel: React.FC<EntityTypeConfigPanelProps> = ({ co
               </Button>
             </div>
           ))}
-          
+
           {localValues.displayColumns.length === 0 && (
             <div className="text-sm text-gray-500 italic">표시할 컬럼을 추가해주세요</div>
           )}
@@ -197,20 +197,19 @@ export const EntityTypeConfigPanel: React.FC<EntityTypeConfigPanelProps> = ({ co
             placeholder="컬럼명 입력 (예: user_name, dept_name)"
             className="flex-1"
           />
-          <Button 
-            size="sm" 
-            onClick={addDisplayColumn} 
+          <Button
+            size="sm"
+            onClick={addDisplayColumn}
             disabled={!newDisplayColumn.trim() || localValues.displayColumns.includes(newDisplayColumn.trim())}
           >
-            <Plus className="h-3 w-3 mr-1" />
+            <Plus className="mr-1 h-3 w-3" />
             추가
           </Button>
         </div>
-        
+
         <div className="text-xs text-gray-500">
-          • 여러 컬럼을 선택하면 "{localValues.separator || ' - '}"로 구분하여 표시됩니다
-          <br />
-          • 예: 이름{localValues.separator || ' - '}부서명
+          • 여러 컬럼을 선택하면 "{localValues.separator || " - "}"로 구분하여 표시됩니다
+          <br />• 예: 이름{localValues.separator || " - "}부서명
         </div>
       </div>
 
@@ -261,7 +260,6 @@ export const EntityTypeConfigPanel: React.FC<EntityTypeConfigPanelProps> = ({ co
         />
       </div>
 
-
       {/* 필터 관리 */}
       <div className="space-y-3">
         <Label className="text-sm font-medium">데이터 필터</Label>
@@ -328,7 +326,10 @@ export const EntityTypeConfigPanel: React.FC<EntityTypeConfigPanelProps> = ({ co
         <div className="mt-2 text-xs text-gray-500">
           참조테이블: {localValues.referenceTable || "없음"}, 조인컬럼: {localValues.referenceColumn}
           <br />
-          표시컬럼: {localValues.displayColumns.length > 0 ? localValues.displayColumns.join(localValues.separator || ' - ') : "없음"}
+          표시컬럼:{" "}
+          {localValues.displayColumns.length > 0
+            ? localValues.displayColumns.join(localValues.separator || " - ")
+            : "없음"}
         </div>
       </div>
 
@@ -337,14 +338,11 @@ export const EntityTypeConfigPanel: React.FC<EntityTypeConfigPanelProps> = ({ co
         <div className="text-sm font-medium text-blue-900">엔터티 타입 설정 가이드</div>
         <div className="mt-1 text-xs text-blue-800">
           • <strong>참조 테이블</strong>: 데이터를 가져올 다른 테이블 이름
-          <br />
-          • <strong>조인 컬럼</strong>: 테이블 간 연결에 사용할 기준 컬럼 (보통 ID)
-          <br />
-          • <strong>표시 컬럼</strong>: 사용자에게 보여질 컬럼들 (여러 개 가능)
+          <br />• <strong>조인 컬럼</strong>: 테이블 간 연결에 사용할 기준 컬럼 (보통 ID)
+          <br />• <strong>표시 컬럼</strong>: 사용자에게 보여질 컬럼들 (여러 개 가능)
           <br />
           • 여러 표시 컬럼 설정 시 화면마다 다르게 표시할 수 있습니다
-          <br />
-          • 예: 사용자 선택 시 "이름"만 보이거나 "이름 - 부서명" 형태로 표시
+          <br />• 예: 사용자 선택 시 "이름"만 보이거나 "이름 - 부서명" 형태로 표시
         </div>
       </div>
     </div>