feat: QMS 체크리스트 템플릿 관리 및 견적/리스트 개선

- QMS 체크리스트 템플릿 에디터 추가 (ChecklistTemplateEditor)
- AuditSettingsPanel, Day1DocumentSection 기능 확장
- 견적 등록(QuoteRegistration) 개선
- IntegratedListTemplateV2 수정
- 건설 카테고리 actions 수정

src/components/quotes/QuoteRegistration.tsx

@@ -25,7 +25,7 @@ import {
   SelectTrigger,
   SelectValue,
 } from "../ui/select";
-// FormField는 실제로 사용되지 않으므로 제거
+import { SearchableSelect } from "../ui/searchable-select";
 
 import { LocationListPanel } from "./LocationListPanel";
 import { LocationDetailPanel } from "./LocationDetailPanel";
@@ -433,16 +433,6 @@ export function QuoteRegistration({
     setFormData((prev) => ({ ...prev, [field]: value }));
   }, []);
 
-  // 발주처 선택
-  const handleClientChange = useCallback((clientId: string) => {
-    const client = clients.find((c) => c.id === clientId);
-    setFormData((prev) => ({
-      ...prev,
-      clientId,
-      clientName: client?.vendorName || "",
-    }));
-  }, [clients]);
-
   // 개소 추가 (BOM 계산 성공 시에만 추가, 성공/실패 반환)
   const handleAddLocation = useCallback(async (location: Omit<LocationItem, "id">): Promise<boolean> => {
     const newLocation: LocationItem = {
@@ -774,37 +764,34 @@ export function QuoteRegistration({
               </div>
               <div>
                 <label className="text-sm font-medium text-gray-700">수주처 <span className="text-red-500">*</span></label>
-                <Select
+                <SearchableSelect
+                  options={clients.map((c) => ({ value: c.id, label: c.vendorName }))}
                   value={formData.clientId}
-                  onValueChange={handleClientChange}
+                  onChange={(value, option) => {
+                    setFormData((prev) => ({
+                      ...prev,
+                      clientId: value,
+                      clientName: option.label,
+                    }));
+                  }}
+                  placeholder={isLoadingClients ? "로딩 중..." : "수주처를 선택하세요"}
+                  searchPlaceholder="수주처 검색..."
+                  emptyText="수주처가 없습니다"
                   disabled={isViewMode || isLoadingClients}
-                >
-                  <SelectTrigger>
-                    <SelectValue placeholder={isLoadingClients ? "로딩 중..." : "수주처를 선택하세요"} />
-                  </SelectTrigger>
-                  <SelectContent>
-                    {clients.map((client) => (
-                      <SelectItem key={client.id} value={client.id}>
-                        {client.vendorName}
-                      </SelectItem>
-                    ))}
-                  </SelectContent>
-                </Select>
+                  isLoading={isLoadingClients}
+                />
               </div>
               <div>
                 <label className="text-sm font-medium text-gray-700">현장명</label>
-                <Input
-                  list="siteNameList"
-                  placeholder="현장명을 입력하세요"
+                <SearchableSelect
+                  options={siteNames.map((name) => ({ value: name, label: name }))}
                   value={formData.siteName}
-                  onChange={(e) => handleFieldChange("siteName", e.target.value)}
+                  onChange={(value) => handleFieldChange("siteName", value)}
+                  placeholder="현장명을 선택하세요"
+                  searchPlaceholder="현장명 검색..."
+                  emptyText="현장명이 없습니다"
                   disabled={isViewMode}
                 />
-                <datalist id="siteNameList">
-                  {siteNames.map((name) => (
-                    <option key={name} value={name} />
-                  ))}
-                </datalist>
               </div>
             </div>