feat(screen-designer): 그리드 컬럼 시스템 개선 및 컴포넌트 너비 렌더링 수정

주요 변경사항:
- 격자 설정을 편집 탭에서 항상 표시 (해상도 설정 하단)
- 그리드 컬럼 수 동적 조정 가능 (1-24)
- 컴포넌트 생성 시 현재 그리드 컬럼 수 기반 자동 계산
- 컴포넌트 너비가 설정한 컬럼 수대로 정확히 표시되도록 수정

수정된 파일:
- ScreenDesigner: 컴포넌트 드롭 시 gridColumns와 style.width 동적 계산
- UnifiedPropertiesPanel: 격자 설정 UI 통합, 차지 컬럼 수 설정 시 width 자동 계산
- RealtimePreviewDynamic: getWidth 우선순위 수정, DOM 크기 디버깅 로그 추가
- 8개 컴포넌트: componentStyle.width를 항상 100%로 고정
  * ButtonPrimaryComponent
  * TextInputComponent
  * NumberInputComponent
  * TextareaBasicComponent
  * DateInputComponent
  * TableListComponent
  * CardDisplayComponent

문제 해결:
- 컴포넌트 내부에서 component.style.width를 재사용하여 이중 축소 발생
- 해결: 부모 컨테이너(RealtimePreviewDynamic)가 width 제어, 컴포넌트는 항상 100%
- 결과: 파란 테두리와 내부 콘텐츠가 동일한 크기로 정확히 표시

backend-node/src/services/numberingRuleService.ts

@@ -51,6 +51,8 @@ class NumberingRuleService {
           table_name AS "tableName",
           column_name AS "columnName",
           company_code AS "companyCode",
+          menu_objid AS "menuObjid",
+          scope_type AS "scopeType",
           created_at AS "createdAt",
           updated_at AS "updatedAt",
           created_by AS "createdBy"
@@ -104,6 +106,8 @@ class NumberingRuleService {
         table_name AS "tableName",
         column_name AS "columnName",
         company_code AS "companyCode",
+        menu_id AS "menuId",
+        scope_type AS "scopeType",
         created_at AS "createdAt",
         updated_at AS "updatedAt",
         created_by AS "createdBy"
@@ -153,8 +157,9 @@ class NumberingRuleService {
       const insertRuleQuery = `
         INSERT INTO numbering_rules (
           rule_id, rule_name, description, separator, reset_period,
-          current_sequence, table_name, column_name, company_code, created_by
-        ) VALUES ($1, $2, $3, $4, $5, $6, $7, $8, $9, $10)
+          current_sequence, table_name, column_name, company_code, 
+          menu_objid, scope_type, created_by
+        ) VALUES ($1, $2, $3, $4, $5, $6, $7, $8, $9, $10, $11, $12)
         RETURNING 
           rule_id AS "ruleId",
           rule_name AS "ruleName",
@@ -165,6 +170,8 @@ class NumberingRuleService {
           table_name AS "tableName",
           column_name AS "columnName",
           company_code AS "companyCode",
+          menu_objid AS "menuObjid",
+          scope_type AS "scopeType",
           created_at AS "createdAt",
           updated_at AS "updatedAt",
           created_by AS "createdBy"
@@ -180,6 +187,8 @@ class NumberingRuleService {
         config.tableName || null,
         config.columnName || null,
         companyCode,
+        config.menuObjid || null,
+        config.scopeType || "global",
         userId,
       ]);
 
@@ -248,8 +257,10 @@ class NumberingRuleService {
           reset_period = COALESCE($4, reset_period),
           table_name = COALESCE($5, table_name),
           column_name = COALESCE($6, column_name),
+          menu_objid = COALESCE($7, menu_objid),
+          scope_type = COALESCE($8, scope_type),
           updated_at = NOW()
-        WHERE rule_id = $7 AND company_code = $8
+        WHERE rule_id = $9 AND company_code = $10
         RETURNING 
           rule_id AS "ruleId",
           rule_name AS "ruleName",
@@ -260,6 +271,8 @@ class NumberingRuleService {
           table_name AS "tableName",
           column_name AS "columnName",
           company_code AS "companyCode",
+          menu_objid AS "menuObjid",
+          scope_type AS "scopeType",
           created_at AS "createdAt",
           updated_at AS "updatedAt",
           created_by AS "createdBy"
@@ -272,6 +285,8 @@ class NumberingRuleService {
         updates.resetPeriod,
         updates.tableName,
         updates.columnName,
+        updates.menuObjid,
+        updates.scopeType,
         ruleId,
         companyCode,
       ]);