feat: [문서스냅샷] Lazy Snapshot + rendered_html 캡처

- capture-rendered-html 유틸 추가
- 검사성적서/작업일지 저장 시 HTML 스냅샷 캡처
- 중간검사/작업일지 조회 시 자동 스냅샷
- DocumentViewer 스냅샷 출력 지원

src/components/document-system/viewer/DocumentViewer.tsx

@@ -198,7 +198,8 @@ export function DocumentViewer({
               }
             }
           } catch {
-            // 변환 실패 시 원본 src 유지
+            // 변환 실패 시 빈 이미지로 대체 (Puppeteer에서 proxy URL 요청 방지)
+            clonedImg.setAttribute('src', 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7');
           }
         }
       })

src/lib/utils/capture-rendered-html.tsx

@@ -0,0 +1,36 @@
+/**
+ * 오프스크린 렌더링으로 React 컴포넌트의 HTML을 캡처하는 유틸리티
+ *
+ * 사용 사례: 입력 화면에서 저장 시, 해당 데이터의 "문서 뷰" HTML을 캡처하여
+ * rendered_html로 저장 (MNG 출력용)
+ */
+
+import { createRoot } from 'react-dom/client';
+import { flushSync } from 'react-dom';
+
+/**
+ * React 엘리먼트를 오프스크린에서 렌더링하고 innerHTML을 캡처합니다.
+ *
+ * @param element - 렌더링할 React 엘리먼트 (예: <ImportInspectionDocument template={...} readOnly />)
+ * @returns 캡처된 HTML 문자열, 실패 시 undefined
+ */
+export function captureRenderedHtml(element: React.ReactElement): string | undefined {
+  try {
+    const container = document.createElement('div');
+    container.style.cssText = 'position:fixed;left:-9999px;top:0;visibility:hidden;width:210mm;';
+    document.body.appendChild(container);
+
+    const root = createRoot(container);
+    flushSync(() => {
+      root.render(element);
+    });
+
+    const html = container.innerHTML;
+    root.unmount();
+    document.body.removeChild(container);
+
+    return html && html.length > 50 ? html : undefined;
+  } catch {
+    return undefined;
+  }
+}