style: 카테고리 위젯 좌우 비율 조정

- 좌측 영역: 30% → 20%
- 우측 영역: 70% → 80%
- 좌측은 컬럼 목록만 표시하므로 좁게 조정
- 우측 값 관리 영역에 더 많은 공간 확보

frontend/components/screen/widgets/CategoryWidget.tsx

@@ -22,8 +22,8 @@ export function CategoryWidget({ widgetId, tableName }: CategoryWidgetProps) {
 
   return (
     <div className="flex h-full min-h-[10px] gap-6">
-      {/* 좌측: 카테고리 컬럼 리스트 (30%) */}
-      <div className="w-[30%] border-r pr-6">
+      {/* 좌측: 카테고리 컬럼 리스트 (20%) */}
+      <div className="w-[20%] border-r pr-6">
         <CategoryColumnList
           tableName={tableName}
           selectedColumn={selectedColumn?.columnName || null}
@@ -33,8 +33,8 @@ export function CategoryWidget({ widgetId, tableName }: CategoryWidgetProps) {
         />
       </div>
 
-      {/* 우측: 카테고리 값 관리 (70%) */}
-      <div className="w-[70%]">
+      {/* 우측: 카테고리 값 관리 (80%) */}
+      <div className="w-[80%]">
         {selectedColumn ? (
           <CategoryValueManager
             tableName={tableName}

frontend/components/table-category/CategoryColumnList.tsx

@@ -85,7 +85,7 @@ export function CategoryColumnList({ tableName, selectedColumn, onColumnSelect }
         categoryColumns.map(async (col: any) => {
           const colName = col.columnName || col.column_name;
           const colLabel = col.columnLabel || col.column_label || col.displayName || colName;
-          
+
           // 각 컬럼의 값 개수 가져오기
           let valueCount = 0;
           try {
@@ -96,14 +96,14 @@ export function CategoryColumnList({ tableName, selectedColumn, onColumnSelect }
           } catch (error) {
             console.error(`항목 개수 조회 실패 (${colName}):`, error);
           }
-          
+
           return {
             columnName: colName,
             columnLabel: colLabel,
             inputType: col.inputType || col.input_type,
             valueCount,
           };
-        })
+        }),
       );
 
       setColumns(columnsWithCount);