feat: 가스켓 카테고리 개선 및 엑셀 내보내기 최적화

- 가스켓 카테고리 정렬 오류 수정 (FilterableHeader props 추가)
- 가스켓 엑셀 내보내기 개선:
  * 품목명을 BOM 페이지 타입과 동일하게 표시 (SPIRAL WOUND GASKET 등)
  * 재질을 재질1/재질2로 분리 (SS304/GRAPHITE → 재질1: SS304/GRAPHITE, 재질2: /SS304/SS304)
  * originalDescription에서 4개 재질 패턴 우선 추출
  * P열 납기일 규칙 준수
- 프로젝트 비활성화 기능 수정 (localStorage 영구 저장)
- 모든 카테고리 정렬 함수 안전성 강화

frontend/src/components/bom/materials/SupportMaterialsView.jsx

@@ -66,17 +66,34 @@ const SupportMaterialsView = ({
       });
     });
 
-    if (sortConfig.key) {
+    if (sortConfig && sortConfig.key) {
       filtered.sort((a, b) => {
         const aInfo = parseSupportInfo(a);
         const bInfo = parseSupportInfo(b);
-        const aValue = aInfo[sortConfig.key] || '';
-        const bValue = bInfo[sortConfig.key] || '';
+        
+        if (!aInfo || !bInfo) return 0;
+        
+        const aValue = aInfo[sortConfig.key];
+        const bValue = bInfo[sortConfig.key];
+        
+        // 값이 없는 경우 처리
+        if (aValue === undefined && bValue === undefined) return 0;
+        if (aValue === undefined) return 1;
+        if (bValue === undefined) return -1;
+        
+        // 숫자인 경우 숫자로 비교
+        if (typeof aValue === 'number' && typeof bValue === 'number') {
+          return sortConfig.direction === 'asc' ? aValue - bValue : bValue - aValue;
+        }
+        
+        // 문자열로 비교
+        const aStr = String(aValue).toLowerCase();
+        const bStr = String(bValue).toLowerCase();
         
         if (sortConfig.direction === 'asc') {
-          return aValue > bValue ? 1 : -1;
+          return aStr.localeCompare(bStr);
         } else {
-          return aValue < bValue ? 1 : -1;
+          return bStr.localeCompare(aStr);
         }
       });
     }