코드 정리 및 스타일 개선: ComponentsPanel과 UnifiedRepeater 컴포넌트에서 불필요한 공백을 제거하고, 코드 가독성을 향상시켰습니다. 또한, UnifiedRepeaterConfigPanel에서 컬럼 선택 UI의 구조를 개선하여 사용자 경험을 개선했습니다.

frontend/lib/registry/components/split-panel-layout/SplitPanelLayoutConfigPanel.tsx

@@ -1098,25 +1098,25 @@ export const SplitPanelLayoutConfigPanel: React.FC<SplitPanelLayoutConfigPanelPr
 
   // 전체 테이블 목록 항상 로드 (좌측/우측 모두 사용)
   useEffect(() => {
-    const loadAllTables = async () => {
-      try {
-        const { tableManagementApi } = await import("@/lib/api/tableManagement");
-        const response = await tableManagementApi.getTableList();
-        if (response.success && response.data) {
+      const loadAllTables = async () => {
+        try {
+          const { tableManagementApi } = await import("@/lib/api/tableManagement");
+          const response = await tableManagementApi.getTableList();
+          if (response.success && response.data) {
           console.log("✅ 분할패널: 전체 테이블 목록 로드", response.data.length, "개");
-          setAllTables(response.data);
+            setAllTables(response.data);
+          }
+        } catch (error) {
+          console.error("❌ 전체 테이블 목록 로드 실패:", error);
         }
-      } catch (error) {
-        console.error("❌ 전체 테이블 목록 로드 실패:", error);
-      }
-    };
-    loadAllTables();
+      };
+      loadAllTables();
   }, []);
 
   // 초기 로드 시 좌측 패널 테이블이 없으면 화면 테이블로 설정
   useEffect(() => {
     if (screenTableName && !config.leftPanel?.tableName) {
-      updateLeftPanel({ tableName: screenTableName });
+        updateLeftPanel({ tableName: screenTableName });
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [screenTableName]);