feat: 관리자 페이지 레이아웃 통일 및 JSX 구문 수정

- admin/screenMng, dataflow 페이지에 tableMng 레퍼런스 레이아웃 적용
- admin/standards 페이지 JSX 괄호 문제 수정
- 전체 관리자 페이지 UI 일관성 향상
- bg-gray-50 배경, container 구조, 통일된 제목 스타일 적용

frontend/components/screen/ScreenDesigner.tsx

@@ -1004,7 +1004,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
             style: {
               labelDisplay: true,
               labelFontSize: "14px",
-              labelColor: "#374151",
+              labelColor: "#3b83f6",
               labelFontWeight: "600",
               labelMarginBottom: "8px",
               ...templateComp.style,
@@ -1083,7 +1083,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
             style: {
               labelDisplay: true,
               labelFontSize: "14px",
-              labelColor: "#374151",
+              labelColor: "#3b83f6",
               labelFontWeight: "600",
               labelMarginBottom: "8px",
               ...templateComp.style,
@@ -1134,7 +1134,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
             style: {
               labelDisplay: true,
               labelFontSize: "14px",
-              labelColor: "#374151",
+              labelColor: "#3b83f6",
               labelFontWeight: "600",
               labelMarginBottom: "8px",
               ...templateComp.style,
@@ -1185,7 +1185,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
             style: {
               labelDisplay: true,
               labelFontSize: "14px",
-              labelColor: "#374151",
+              labelColor: "#3b83f6",
               labelFontWeight: "600",
               labelMarginBottom: "8px",
               ...templateComp.style,
@@ -1274,7 +1274,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
             style: {
               labelDisplay: true,
               labelFontSize: "14px",
-              labelColor: "#374151",
+              labelColor: "#3b83f6",
               labelFontWeight: "600",
               labelMarginBottom: "8px",
               ...templateComp.style,
@@ -1564,7 +1564,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
         style: {
           labelDisplay: false, // 모든 컴포넌트의 기본 라벨 표시를 false로 설정
           labelFontSize: "14px",
-          labelColor: "#374151",
+          labelColor: "#3b83f6",
           labelFontWeight: "500",
           labelMarginBottom: "4px",
         },
@@ -1653,7 +1653,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
             style: {
               labelDisplay: true,
               labelFontSize: "14px",
-              labelColor: "#374151",
+              labelColor: "#3b83f6",
               labelFontWeight: "600",
               labelMarginBottom: "8px",
             },
@@ -1844,7 +1844,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
                 style: {
                   labelDisplay: false, // 모든 컴포넌트의 기본 라벨 표시를 false로 설정
                   labelFontSize: "12px",
-                  labelColor: "#374151",
+                  labelColor: "#3b83f6",
                   labelFontWeight: "500",
                   labelMarginBottom: "6px",
                 },
@@ -1887,7 +1887,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
               style: {
                 labelDisplay: true, // 테이블 패널에서 드래그한 컴포넌트는 라벨을 기본적으로 표시
                 labelFontSize: "12px",
-                labelColor: "#374151",
+                labelColor: "#3b83f6",
                 labelFontWeight: "500",
                 labelMarginBottom: "6px",
               },
@@ -3158,11 +3158,15 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
         {/* 실제 작업 캔버스 (해상도 크기) */}
         <div
           className="mx-auto bg-white shadow-lg"
-          style={{ width: screenResolution.width, height: screenResolution.height }}
+          style={{ 
+            width: screenResolution.width, 
+            height: Math.max(screenResolution.height, 800), // 최소 높이 보장
+            minHeight: screenResolution.height 
+          }}
         >
           <div
             ref={canvasRef}
-            className="relative h-full w-full overflow-hidden bg-white"
+            className="relative h-full w-full overflow-visible bg-white" // overflow-visible로 변경
             onClick={(e) => {
               if (e.target === e.currentTarget && !selectionDrag.wasSelecting) {
                 setSelectedComponent(null);
@@ -3271,6 +3275,13 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
                     selectedScreen={selectedScreen}
                     // onZoneComponentDrop 제거
                     onZoneClick={handleZoneClick}
+                    // 설정 변경 핸들러 (테이블 페이지 크기 등 설정을 상세설정에 반영)
+                    onConfigChange={(config) => {
+                      console.log("📤 테이블 설정 변경을 상세설정에 알림:", config);
+                      // 여기서 DetailSettingsPanel의 상태를 업데이트하거나
+                      // 컴포넌트의 componentConfig를 업데이트할 수 있습니다
+                      // TODO: 실제 구현은 DetailSettingsPanel과의 연동 필요
+                    }}
                   >
                     {/* 컨테이너, 그룹, 영역의 자식 컴포넌트들 렌더링 (레이아웃은 독립적으로 렌더링) */}
                     {(component.type === "group" || component.type === "container" || component.type === "area") &&
@@ -3351,6 +3362,11 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
                               selectedScreen={selectedScreen}
                               // onZoneComponentDrop 제거
                               onZoneClick={handleZoneClick}
+                              // 설정 변경 핸들러 (자식 컴포넌트용)
+                              onConfigChange={(config) => {
+                                console.log("📤 자식 컴포넌트 설정 변경을 상세설정에 알림:", config);
+                                // TODO: 실제 구현은 DetailSettingsPanel과의 연동 필요
+                              }}
                             />
                           );
                         })}