feat: 분할 패널 내부 컴포넌트 선택 기능 추가

- RealtimePreviewDynamic, ScreenDesigner, DynamicComponentRenderer, SplitPanelLayoutComponent 및 관련 파일에서 분할 패널 내부 컴포넌트 선택 콜백 및 상태 관리 기능을 추가하였습니다.
- 커스텀 모드에서 패널 내부에 컴포넌트를 자유롭게 배치할 수 있는 기능을 구현하였습니다.
- 선택된 패널 컴포넌트의 상태를 관리하고, 관련 UI 요소를 업데이트하여 사용자 경험을 향상시켰습니다.
- 패널의 표시 모드에 'custom' 옵션을 추가하여 사용자 정의 배치 기능을 지원합니다.

frontend/lib/registry/DynamicComponentRenderer.tsx

@@ -143,6 +143,9 @@ export interface DynamicComponentRendererProps {
   // 🆕 탭 내부 컴포넌트 선택 콜백
   onSelectTabComponent?: (tabId: string, compId: string, comp: any) => void;
   selectedTabComponentId?: string;
+  // 🆕 분할 패널 내부 컴포넌트 선택 콜백
+  onSelectPanelComponent?: (panelSide: "left" | "right", compId: string, comp: any) => void;
+  selectedPanelComponentId?: string;
   flowSelectedStepId?: number | null;
   onFlowSelectedDataChange?: (selectedData: any[], stepId: number | null) => void;
   // 테이블 새로고침 키
@@ -494,6 +497,9 @@ export const DynamicComponentRenderer: React.FC<DynamicComponentRendererProps> =
           // 🆕 탭 내부 컴포넌트 선택 콜백
           onSelectTabComponent: props.onSelectTabComponent,
           selectedTabComponentId: props.selectedTabComponentId,
+          // 🆕 분할 패널 내부 컴포넌트 선택 콜백
+          onSelectPanelComponent: props.onSelectPanelComponent,
+          selectedPanelComponentId: props.selectedPanelComponentId,
         };
 
         // 렌더러가 클래스인지 함수인지 확인