feat: 부모 데이터 매핑 기능 구현 (선택항목 상세입력 컴포넌트)

- 여러 테이블(거래처, 품목 등)에서 데이터를 가져와 자동 매핑 가능
- 각 매핑마다 소스 테이블, 원본 필드, 저장 필드를 독립적으로 설정
- 검색 가능한 Combobox로 테이블 및 컬럼 선택 UX 개선
- 소스 테이블 선택 시 해당 테이블의 컬럼 자동 로드
- 라벨, 컬럼명, 데이터 타입으로 검색 가능
- 세로 레이아웃으로 가독성 향상

기술적 변경사항:
- ParentDataMapping 인터페이스 추가 (sourceTable, sourceField, targetField)
- buttonActions.ts의 handleBatchSave에서 소스 테이블 기반 데이터 소스 자동 판단
- tableManagementApi.getColumnList() 사용하여 테이블 컬럼 동적 로드
- Command + Popover 조합으로 검색 가능한 Select 구현
- 각 매핑별 독립적인 컬럼 상태 관리 (mappingSourceColumns)

backend-node/src/controllers/screenManagementController.ts

@@ -23,7 +23,8 @@ export const getScreens = async (req: AuthenticatedRequest, res: Response) => {
     const result = await screenManagementService.getScreensByCompany(
       targetCompanyCode,
       parseInt(page as string),
-      parseInt(size as string)
+      parseInt(size as string),
+      searchTerm as string // 검색어 전달
     );
 
     res.json({

backend-node/src/services/screenManagementService.ts

@@ -98,7 +98,8 @@ export class ScreenManagementService {
   async getScreensByCompany(
     companyCode: string,
     page: number = 1,
-    size: number = 20
+    size: number = 20,
+    searchTerm?: string // 검색어 추가
   ): Promise<PaginatedResponse<ScreenDefinition>> {
     const offset = (page - 1) * size;
 
@@ -111,6 +112,16 @@ export class ScreenManagementService {
       params.push(companyCode);
     }
 
+    // 검색어 필터링 추가 (화면명, 화면 코드, 테이블명 검색)
+    if (searchTerm && searchTerm.trim() !== "") {
+      whereConditions.push(`(
+        screen_name ILIKE $${params.length + 1} OR 
+        screen_code ILIKE $${params.length + 1} OR 
+        table_name ILIKE $${params.length + 1}
+      )`);
+      params.push(`%${searchTerm.trim()}%`);
+    }
+
     const whereSQL = whereConditions.join(" AND ");
 
     // 페이징 쿼리 (Raw Query)