feat: 생산/품질/자재/출고/주문 관리 페이지 구현

- 생산관리: 대시보드, 작업지시, 작업실적, 작업자화면
- 품질관리: 검사관리 (리스트/등록/상세)
- 자재관리: 입고관리, 재고현황
- 출고관리: 출하관리 (리스트/등록/상세/수정)
- 주문관리: 수주관리, 생산의뢰
- 기존 컴포넌트 개선: CardTransactionInquiry, VendorDetail, QuoteRegistration
- IntegratedListTemplateV2 개선
- 공통 컴포넌트 분석 문서 추가

🤖 Generated with [Claude Code](https://claude.com/claude-code)

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

src/components/clients/ClientRegistration.tsx

@@ -21,6 +21,16 @@ import {
   FileText,
 } from "lucide-react";
 import { toast } from "sonner";
+import { Alert, AlertDescription } from "../ui/alert";
+
+// 필드명 매핑
+const FIELD_NAME_MAP: Record<string, string> = {
+  name: "거래처명",
+  businessNo: "사업자등록번호",
+  representative: "대표자명",
+  phone: "전화번호",
+  email: "이메일",
+};
 import {
   ResponsiveFormTemplate,
   FormSection,
@@ -117,10 +127,13 @@ export function ClientRegistration({
 
   const handleSubmit = async () => {
     if (!validateForm()) {
-      toast.error("입력 내용을 확인해주세요.");
+      // 페이지 상단으로 스크롤
+      window.scrollTo({ top: 0, behavior: 'smooth' });
       return;
     }
 
+    // 에러 초기화
+    setErrors({});
     setIsSaving(true);
     try {
       await onSave(formData);
@@ -163,6 +176,35 @@ export function ClientRegistration({
       saveDisabled={isSaving || isLoading}
       maxWidth="2xl"
     >
+      {/* Validation 에러 표시 */}
+      {Object.keys(errors).length > 0 && (
+        <Alert className="bg-red-50 border-red-200 mb-6">
+          <AlertDescription className="text-red-900">
+            <div className="flex items-start gap-2">
+              <span className="text-lg">⚠️</span>
+              <div className="flex-1">
+                <strong className="block mb-2">
+                  입력 내용을 확인해주세요 ({Object.keys(errors).length}개 오류)
+                </strong>
+                <ul className="space-y-1 text-sm">
+                  {Object.entries(errors).map(([field, message]) => {
+                    const fieldName = FIELD_NAME_MAP[field] || field;
+                    return (
+                      <li key={field} className="flex items-start gap-1">
+                        <span>•</span>
+                        <span>
+                          <strong>{fieldName}</strong>: {message}
+                        </span>
+                      </li>
+                    );
+                  })}
+                </ul>
+              </div>
+            </div>
+          </AlertDescription>
+        </Alert>
+      )}
+
       {/* 1. 기본 정보 */}
       <FormSection
         title="기본 정보"