feat: [문서] 검사성적서/작업일지 저장 시 HTML 스냅샷 캡처 전송

- InspectionReportModal: contentWrapperRef로 DOM 캡처, handleSave에서 rendered_html 포함
- WorkLogModal: contentWrapperRef로 DOM 캡처, handleSave에서 rendered_html 포함
- saveInspectionDocument/saveWorkLog 타입에 rendered_html 추가
- MNG에서 스냅샷 기반 문서 출력을 위한 프론트 파이프라인 완성

src/components/production/WorkerScreen/WorkLogModal.tsx

@@ -11,7 +11,7 @@
  * - 양식 미매핑 시 processType 폴백
  */
 
-import { useState, useEffect, useCallback } from 'react';
+import { useState, useEffect, useCallback, useRef } from 'react';
 import { Loader2, Save } from 'lucide-react';
 import { DocumentViewer } from '@/components/document-system';
 import { Button } from '@/components/ui/button';
@@ -63,6 +63,7 @@ export function WorkLogModal({
   const [isLoading, setIsLoading] = useState(false);
   const [isSaving, setIsSaving] = useState(false);
   const [error, setError] = useState<string | null>(null);
+  const contentWrapperRef = useRef<HTMLDivElement>(null);
 
   // 목업 WorkOrder 생성
   const createMockOrder = (id: string, pType?: ProcessType): WorkOrder => ({
@@ -155,9 +156,13 @@ export function WorkLogModal({
         unit: item.unit || 'EA',
       }));
 
+      // HTML 스냅샷 캡처 (MNG 출력용)
+      const renderedHtml = contentWrapperRef.current?.innerHTML || undefined;
+
       const result = await saveWorkLog(workOrderId, {
         table_data: tableData,
         title: workLogTemplateName || '작업일지',
+        rendered_html: renderedHtml,
       });
 
       if (result.success) {
@@ -255,7 +260,9 @@ export function WorkLogModal({
           <p className="text-muted-foreground">{error || '데이터를 불러올 수 없습니다.'}</p>
         </div>
       ) : (
-        renderContent()
+        <div ref={contentWrapperRef}>
+          {renderContent()}
+        </div>
       )}
     </DocumentViewer>
   );