feat: 화면 서브 테이블 정보 조회 기능 추가

- 화면 그룹에 대한 서브 테이블 관계를 조회하는 API 및 라우트 구현
- 화면 그룹 목록에서 서브 테이블 정보를 포함하여 데이터 흐름을 시각화
- 프론트엔드에서 화면 선택 시 그룹 및 서브 테이블 정보 연동 기능 추가
- 화면 노드 및 관계 시각화 컴포넌트에 서브 테이블 정보 통합

frontend/lib/api/screenGroup.ts

@@ -28,6 +28,9 @@ export interface ScreenGroup {
   writer?: string;
   screen_count?: number;
   screens?: ScreenGroupScreen[];
+  parent_group_id?: number | null;  // 상위 그룹 ID
+  group_level?: number;             // 그룹 레벨 (0: 대분류, 1: 중분류, 2: 소분류 ...)
+  hierarchy_path?: string;          // 계층 경로
 }
 
 export interface ScreenGroupScreen {
@@ -385,3 +388,29 @@ export async function getMultipleScreenLayoutSummary(
   }
 }
 
+// 서브 테이블 정보 타입
+export interface SubTableInfo {
+  tableName: string;
+  componentType: string;
+  relationType: 'lookup' | 'source' | 'join';
+}
+
+export interface ScreenSubTablesData {
+  screenId: number;
+  screenName: string;
+  mainTable: string;
+  subTables: SubTableInfo[];
+}
+
+// 여러 화면의 서브 테이블 정보 조회 (메인 테이블 → 서브 테이블 관계)
+export async function getScreenSubTables(
+  screenIds: number[]
+): Promise<ApiResponse<Record<number, ScreenSubTablesData>>> {
+  try {
+    const response = await apiClient.post("/screen-groups/sub-tables/batch", { screenIds });
+    return response.data;
+  } catch (error: any) {
+    return { success: false, error: error.message };
+  }
+}
+