feat: 일일순회점검 시스템 구축 및 관리 기능 개선

- 일일순회점검 시스템 신규 구현
  - DB 테이블: patrol_checklist_items, daily_patrol_sessions, patrol_check_records, workplace_items, item_types
  - API: /api/patrol/* 엔드포인트
  - 프론트엔드: 지도 기반 작업장 점검 UI

- 설비 관리 기능 개선
  - 구매 관련 필드 추가 (구매일, 가격, 공급업체 등)
  - 설비 코드 자동 생성 (TKP-XXX 형식)

- 작업장 관리 개선
  - 레이아웃 이미지 업로드 기능
  - 마커 위치 저장 기능

- 부서 관리 기능 추가
- 사이드바 네비게이션 카테고리 재구성
- 이미지 401 오류 수정 (정적 파일 경로 처리)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

web-ui/js/component-loader.js

@@ -1,6 +1,38 @@
 // /js/component-loader.js
 import { config } from './config.js';
 
+// 캐시 버전 (컴포넌트 변경 시 증가)
+const CACHE_VERSION = 'v1';
+
+/**
+ * 컴포넌트 HTML을 캐시에서 가져오거나 fetch
+ */
+async function getComponentHtml(componentName, componentPath) {
+  const cacheKey = `component_${componentName}_${CACHE_VERSION}`;
+
+  // 캐시에서 먼저 확인
+  const cached = sessionStorage.getItem(cacheKey);
+  if (cached) {
+    return cached;
+  }
+
+  // 캐시 없으면 fetch
+  const response = await fetch(componentPath);
+  if (!response.ok) {
+    throw new Error(`컴포넌트 파일을 불러올 수 없습니다: ${response.statusText}`);
+  }
+  const htmlText = await response.text();
+
+  // 캐시에 저장
+  try {
+    sessionStorage.setItem(cacheKey, htmlText);
+  } catch (e) {
+    // sessionStorage 용량 초과 시 무시
+  }
+
+  return htmlText;
+}
+
 /**
  * 공용 HTML 컴포넌트를 페이지의 특정 위치에 동적으로 로드합니다.
  * @param {string} componentName - 로드할 컴포넌트의 이름 (e.g., 'sidebar', 'navbar'). config.js의 components 객체에 정의된 키와 일치해야 합니다.
@@ -23,20 +55,16 @@ export async function loadComponent(componentName, containerSelector, domProcess
   }
 
   try {
-    const response = await fetch(componentPath);
-    if (!response.ok) {
-      throw new Error(`컴포넌트 파일을 불러올 수 없습니다: ${response.statusText}`);
-    }
-    const htmlText = await response.text();
+    const htmlText = await getComponentHtml(componentName, componentPath);
 
     if (domProcessor) {
       // 1. 텍스트를 가상 DOM으로 파싱
       const parser = new DOMParser();
       const doc = parser.parseFromString(htmlText, 'text/html');
-      
+
       // 2. DOM 프로세서(콜백)를 실행하여 DOM 조작
       await domProcessor(doc);
-      
+
       // 3. 조작된 HTML을 실제 DOM에 삽입
       container.innerHTML = doc.body.innerHTML;
     } else {