fix: 카테고리 매핑 변경 시 강제 리렌더링 추가

- categoryMappingsKey 상태 추가로 매핑 변경 감지
- 매핑 업데이트 시 key 증가로 tbody 리렌더링 강제
- 간헐적으로 배지가 표시되지 않던 타이밍 이슈 해결
- 카테고리 배지 렌더링 디버깅 로그 추가

.cursor/rules/inputtype-usage-guide.mdc

@@ -58,17 +58,17 @@ inputTypes.forEach((col: any) => {
 
 ```typescript
 interface ColumnMeta {
-  webType?: string;      // 레거시, 사용 금지
+  webType?: string; // 레거시, 사용 금지
   codeCategory?: string;
-  inputType?: string;    // ✅ 반드시 이것 사용!
+  inputType?: string; // ✅ 반드시 이것 사용!
 }
 
 const columnMeta: Record<string, ColumnMeta> = {
   material: {
-    webType: "category",    // 무시
+    webType: "category", // 무시
     codeCategory: "",
-    inputType: "category"   // ✅ 이것만 사용
-  }
+    inputType: "category", // ✅ 이것만 사용
+  },
 };
 ```
 
@@ -82,7 +82,7 @@ const columnMeta: Record<string, ColumnMeta> = {
 const cached = tableColumnCache.get(cacheKey);
 if (cached) {
   const meta: Record<string, ColumnMeta> = {};
-  
+
   cached.columns.forEach((col: any) => {
     meta[col.columnName] = {
       webType: col.webType,
@@ -99,7 +99,7 @@ if (cached) {
 const cached = tableColumnCache.get(cacheKey);
 if (cached) {
   const meta: Record<string, ColumnMeta> = {};
-  
+
   // 캐시된 inputTypes 맵 생성
   const inputTypeMap: Record<string, string> = {};
   if (cached.inputTypes) {
@@ -107,7 +107,7 @@ if (cached) {
       inputTypeMap[col.columnName] = col.inputType;
     });
   }
-  
+
   cached.columns.forEach((col: any) => {
     meta[col.columnName] = {
       webType: col.webType,
@@ -122,19 +122,19 @@ if (cached) {
 
 ## 주요 inputType 종류
 
-| inputType | 설명 | 사용 예시 |
-|-----------|------|-----------|
-| `text` | 일반 텍스트 입력 | 이름, 설명 등 |
-| `number` | 숫자 입력 | 금액, 수량 등 |
-| `date` | 날짜 입력 | 생성일, 수정일 등 |
-| `datetime` | 날짜+시간 입력 | 타임스탬프 등 |
-| `category` | 카테고리 선택 | 분류, 상태 등 |
-| `code` | 공통 코드 선택 | 코드 마스터 데이터 |
-| `boolean` | 예/아니오 | 활성화 여부 등 |
-| `email` | 이메일 입력 | 이메일 주소 |
-| `url` | URL 입력 | 웹사이트 주소 |
-| `image` | 이미지 업로드 | 프로필 사진 등 |
-| `file` | 파일 업로드 | 첨부파일 등 |
+| inputType  | 설명             | 사용 예시          |
+| ---------- | ---------------- | ------------------ |
+| `text`     | 일반 텍스트 입력 | 이름, 설명 등      |
+| `number`   | 숫자 입력        | 금액, 수량 등      |
+| `date`     | 날짜 입력        | 생성일, 수정일 등  |
+| `datetime` | 날짜+시간 입력   | 타임스탬프 등      |
+| `category` | 카테고리 선택    | 분류, 상태 등      |
+| `code`     | 공통 코드 선택   | 코드 마스터 데이터 |
+| `boolean`  | 예/아니오        | 활성화 여부 등     |
+| `email`    | 이메일 입력      | 이메일 주소        |
+| `url`      | URL 입력         | 웹사이트 주소      |
+| `image`    | 이미지 업로드    | 프로필 사진 등     |
+| `file`     | 파일 업로드      | 첨부파일 등        |
 
 ---
 
@@ -167,15 +167,15 @@ switch (inputType) {
   case "category":
     // 카테고리 배지 렌더링
     return <Badge>{categoryLabel}</Badge>;
-  
+
   case "code":
     // 코드명 표시
     return codeName;
-  
+
   case "date":
     // 날짜 포맷팅
     return formatDate(value);
-  
+
   default:
     return value;
 }
@@ -187,20 +187,20 @@ switch (inputType) {
 // ✅ inputType에 따라 다른 검색 UI 제공
 const renderSearchInput = (column: ColumnConfig) => {
   const inputType = columnMeta[column.columnName]?.inputType;
-  
+
   switch (inputType) {
     case "category":
       return <CategorySelect column={column} />;
-    
+
     case "code":
       return <CodeSelect column={column} />;
-    
+
     case "date":
       return <DateRangePicker column={column} />;
-    
+
     case "number":
       return <NumberRangeInput column={column} />;
-    
+
     default:
       return <TextInput column={column} />;
   }