feat: 채번 규칙 테이블 기반 자동 필터링 구현

- 채번 규칙 scope_type을 table로 단순화
- 화면의 테이블명을 자동으로 감지하여 채번 규칙 필터링
- TextInputConfigPanel에 screenTableName prop 추가
- getAvailableNumberingRulesForScreen API로 테이블 기반 조회
- NumberingRuleDesigner에서 자동으로 테이블명 설정
- webTypeConfigConverter 유틸리티 추가 (기존 화면 호환성)
- AutoGenerationConfig 타입 개선 (enabled, options.numberingRuleId)
- 채번 규칙 선택 UI에서 ID 제거, 설명 추가
- 불필요한 console.log 제거

Backend:
- numberingRuleService: 테이블 기반 필터링 로직 구현
- numberingRuleController: available-for-screen 엔드포인트 수정

Frontend:
- TextInputConfigPanel: 테이블명 기반 채번 규칙 로드
- NumberingRuleDesigner: 적용 범위 UI 제거, 테이블명 자동 설정
- ScreenDesigner: webTypeConfig → autoGeneration 변환 로직 통합
- DetailSettingsPanel: autoGeneration 속성 매핑 개선

frontend/components/screen/RealtimePreviewDynamic.tsx

@@ -214,22 +214,11 @@ export const RealtimePreviewDynamic: React.FC<RealtimePreviewProps> = ({
     if (component.componentConfig?.type === "table-list") {
       // 디자인 해상도 기준으로 픽셀 반환
       const screenWidth = 1920; // 기본 디자인 해상도
-      console.log("📏 [getWidth] table-list 픽셀 사용:", {
-        componentId: id,
-        label: component.label,
-        width: `${screenWidth}px`,
-      });
       return `${screenWidth}px`;
     }
 
     // 모든 컴포넌트는 size.width 픽셀 사용
     const width = `${size?.width || 100}px`;
-    console.log("📐 [getWidth] 픽셀 기준 통일:", {
-      componentId: id,
-      label: component.label,
-      width,
-      sizeWidth: size?.width,
-    });
     return width;
   };
 
@@ -286,33 +275,7 @@ export const RealtimePreviewDynamic: React.FC<RealtimePreviewProps> = ({
     if (outerDivRef.current && innerDivRef.current) {
       const outerRect = outerDivRef.current.getBoundingClientRect();
       const innerRect = innerDivRef.current.getBoundingClientRect();
-      const computedOuter = window.getComputedStyle(outerDivRef.current);
-      const computedInner = window.getComputedStyle(innerDivRef.current);
-
-      console.log("📐 [DOM 실제 크기 상세]:", {
-        componentId: id,
-        label: component.label,
-        gridColumns: (component as any).gridColumns,
-        "1. baseStyle.width": baseStyle.width,
-        "2. 외부 div (파란 테두리)": {
-          width: `${outerRect.width}px`,
-          height: `${outerRect.height}px`,
-          computedWidth: computedOuter.width,
-          computedHeight: computedOuter.height,
-        },
-        "3. 내부 div (컨텐츠 래퍼)": {
-          width: `${innerRect.width}px`,
-          height: `${innerRect.height}px`,
-          computedWidth: computedInner.width,
-          computedHeight: computedInner.height,
-          className: innerDivRef.current.className,
-          inlineStyle: innerDivRef.current.getAttribute("style"),
-        },
-        "4. 너비 비교": {
-          "외부 / 내부": `${outerRect.width}px / ${innerRect.width}px`,
-          비율: `${((innerRect.width / outerRect.width) * 100).toFixed(2)}%`,
-        },
-      });
+      // 크기 측정 완료
     }
   }, [id, component.label, (component as any).gridColumns, baseStyle.width]);