feat(WEB): IntegratedDetailTemplate 통합 템플릿 구현 및 Phase 1~8 마이그레이션

- Phase 1: 기안함(DocumentCreate) 마이그레이션
- Phase 2: 작업지시(WorkOrderCreate/Edit) 마이그레이션
- Phase 3: 출하(ShipmentCreate/Edit) 마이그레이션
- Phase 4: 사원(EmployeeForm) 마이그레이션
- Phase 5: 게시판(BoardForm) 마이그레이션
- Phase 6: 1:1문의(InquiryForm) 마이그레이션
- Phase 7: 공정(ProcessForm) 마이그레이션
- Phase 8: 수입검사/품질검사(InspectionCreate) 마이그레이션
- DetailActions에 showSave 옵션 추가
- 각 도메인별 config 파일 생성

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

src/components/quality/InspectionManagement/InspectionCreate.tsx

@@ -2,19 +2,20 @@
 
 /**
  * 검사 등록 페이지
+ * IntegratedDetailTemplate 마이그레이션 (2025-01-20)
  * API 연동 완료 (2025-12-26)
  */
 
 import { useState, useCallback } from 'react';
 import { useRouter } from 'next/navigation';
-import { ClipboardCheck, ImageIcon, Loader2 } from 'lucide-react';
-import { Button } from '@/components/ui/button';
+import { ImageIcon } from 'lucide-react';
+import { IntegratedDetailTemplate } from '@/components/templates/IntegratedDetailTemplate';
+import { qualityInspectionCreateConfig } from './inspectionConfig';
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
 import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import { Alert, AlertDescription } from '@/components/ui/alert';
-import { PageLayout } from '@/components/organisms/PageLayout';
 import { toast } from 'sonner';
 import { createInspection } from './actions';
 import { isNextRedirectError } from '@/lib/utils/redirect-error';
@@ -89,9 +90,9 @@ export function InspectionCreate() {
   }, []);
 
   // 취소
-  const handleCancel = () => {
+  const handleCancel = useCallback(() => {
     router.push('/quality/inspections');
-  };
+  }, [router]);
 
   // validation 체크
   const validateForm = (): boolean => {
@@ -156,33 +157,10 @@ export function InspectionCreate() {
     }
   };
 
-  return (
-    <PageLayout>
-      <div className="space-y-6">
-        {/* 헤더 */}
-        <div className="flex items-center justify-between">
-          <div className="flex items-center gap-3">
-            <ClipboardCheck className="w-6 h-6" />
-            <h1 className="text-xl font-semibold">검사 등록</h1>
-          </div>
-          <div className="flex items-center gap-2">
-            <Button variant="outline" onClick={handleCancel} disabled={isSubmitting}>
-              취소
-            </Button>
-            <Button onClick={handleSubmit} disabled={isSubmitting}>
-              {isSubmitting ? (
-                <>
-                  <Loader2 className="w-4 h-4 mr-2 animate-spin" />
-                  등록 중...
-                </>
-              ) : (
-                '검사완료'
-              )}
-            </Button>
-          </div>
-        </div>
-
-        {/* Validation 에러 표시 */}
+  // ===== 폼 콘텐츠 렌더링 =====
+  const renderFormContent = useCallback(() => (
+    <div className="space-y-6">
+      {/* Validation 에러 표시 */}
         {validationErrors.length > 0 && (
           <Alert className="bg-red-50 border-red-200">
             <AlertDescription className="text-red-900">
@@ -352,6 +330,18 @@ export function InspectionCreate() {
           </CardContent>
         </Card>
       </div>
-    </PageLayout>
+  ), [formData, inspectionItems, validationErrors, handleInputChange, handleQualityResultChange, handleMeasurementChange]);
+
+  return (
+    <IntegratedDetailTemplate
+      config={qualityInspectionCreateConfig}
+      mode="create"
+      isLoading={false}
+      isSubmitting={isSubmitting}
+      onBack={handleCancel}
+      onCancel={handleCancel}
+      onSubmit={handleSubmit}
+      renderForm={renderFormContent}
+    />
   );
 }

src/components/quality/InspectionManagement/inspectionConfig.ts

@@ -1,6 +1,27 @@
+'use client';
+
 import { ClipboardCheck } from 'lucide-react';
 import type { DetailConfig } from '@/components/templates/IntegratedDetailTemplate/types';
 
+/**
+ * 품질검사 등록 페이지 Config
+ * IntegratedDetailTemplate 마이그레이션 (2025-01-20)
+ */
+export const qualityInspectionCreateConfig: DetailConfig = {
+  title: '품질검사 등록',
+  description: '품질검사를 등록합니다',
+  icon: ClipboardCheck,
+  basePath: '/quality/inspection-management',
+  fields: [],
+  actions: {
+    showBack: true,
+    showEdit: false,
+    showDelete: false,
+    showSave: true,
+    submitLabel: '등록',
+  },
+};
+
 /**
  * 검수관리 상세 페이지 Config
  *