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/process-management/ProcessForm.tsx

@@ -1,8 +1,15 @@
 'use client';
 
+/**
+ * 공정 등록/수정 폼 컴포넌트
+ * IntegratedDetailTemplate 마이그레이션 (2025-01-20)
+ */
+
 import { useState, useCallback, useEffect } from 'react';
 import { useRouter } from 'next/navigation';
-import { X, Save, Plus, Wrench, Trash2, Loader2, Pencil } from 'lucide-react';
+import { Plus, Wrench, Trash2, Pencil } from 'lucide-react';
+import { IntegratedDetailTemplate } from '@/components/templates/IntegratedDetailTemplate';
+import { processCreateConfig, processEditConfig } from './processConfig';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
@@ -17,7 +24,6 @@ import {
   SelectTrigger,
   SelectValue,
 } from '@/components/ui/select';
-import { PageLayout } from '@/components/organisms/PageLayout';
 import { RuleModal } from './RuleModal';
 import { toast } from 'sonner';
 import type { Process, ClassificationRule, ProcessType } from '@/types/process';
@@ -190,27 +196,9 @@ export function ProcessForm({ mode, initialData }: ProcessFormProps) {
     router.back();
   };
 
-  return (
-    <PageLayout>
-      {/* 헤더 */}
-      <div className="flex items-center justify-between mb-6">
-        <h1 className="text-xl font-semibold">공정 {isEdit ? '수정' : '등록'}</h1>
-        <div className="flex gap-2">
-          <Button variant="outline" onClick={handleCancel} disabled={isLoading}>
-            <X className="h-4 w-4 mr-2" />
-            취소
-          </Button>
-          <Button onClick={handleSubmit} disabled={isLoading}>
-            {isLoading ? (
-              <Loader2 className="h-4 w-4 mr-2 animate-spin" />
-            ) : (
-              <Save className="h-4 w-4 mr-2" />
-            )}
-            {isEdit ? '수정' : '등록'}
-          </Button>
-        </div>
-      </div>
-
+  // ===== 폼 콘텐츠 렌더링 =====
+  const renderFormContent = useCallback(() => (
+    <>
       <div className="space-y-6">
         {/* 기본 정보 */}
         <Card>
@@ -460,6 +448,27 @@ export function ProcessForm({ mode, initialData }: ProcessFormProps) {
         onAdd={handleSaveRule}
         editRule={editingRule}
       />
-    </PageLayout>
+    </>
+  ), [
+    processName, processType, department, workLogTemplate, classificationRules,
+    requiredWorkers, equipmentInfo, workSteps, note, isActive, ruleModalOpen,
+    editingRule, departmentOptions, isDepartmentsLoading, handleSaveRule,
+    handleEditRule, handleDeleteRule, handleModalClose,
+  ]);
+
+  // Config 선택 (create/edit)
+  const config = isEdit ? processEditConfig : processCreateConfig;
+
+  return (
+    <IntegratedDetailTemplate
+      config={config}
+      mode={isEdit ? 'edit' : 'create'}
+      isLoading={isDepartmentsLoading}
+      isSubmitting={isLoading}
+      onBack={handleCancel}
+      onCancel={handleCancel}
+      onSubmit={handleSubmit}
+      renderForm={renderFormContent}
+    />
   );
 }