feat(M01): 화면 부품 공용화 — 드롭다운·찾기 칸·단추·확인창을 공용 템플릿으로 · 재료 컨테이너 차례

- createSelectField 에 선택 인자 더함(compact · ariaLabel · setOptions) — 기본 동작 그대로
- 인력 2단 거름 · 로직 편집 고르기 · 계산 입력 · 요소 찾기 창 그룹 select 를 공용으로 · m01-side__select 걷음
- 찾기 칸은 createInputField · 표 칸·모달 단추는 createButton · 버리기 확인은 showConfirmDialog
- 재료 컨테이너 = 자재품목 · 유가 · 품셈재료 차례 · 안 쓰는 조달 문구 걷음

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016WRFJmmhPi4exAzHgPZHMT

M01_MasterData/M01_MasterData_UI_Logic_List.ts

@@ -4,7 +4,7 @@
  * 거르기는 화면에서(목록은 한 번 받음 · 391 줄 남짓)
  * ========================================================================== */
 
-import { el } from "@ui/ui_template_elements";
+import { createInputField, el } from "@ui/ui_template_elements";
 import { renderTree, type MakeRow, type TreeNode } from "./M01_MasterData_UI_Tree";
 import type { LogicSummary } from "./M01_MasterData_UI_Logic_Api";
 import { tx } from "./M01_MasterData_UI_Logic_Text";
@@ -40,10 +40,8 @@ export function buildList(onOpen: (item: ListItem) => void): ListHandle {
   /** 트리에서 고른 범위 — 원문 · 부문 · 장(비면 전체) */
   const pick = { book: "", division: "", chapter: "" };
   const tree = el("div", { className: "m01-logic__tree" });
-  const search = el("input", {
-    className: "m01-logic__input",
-    attrs: { type: "search", placeholder: tx("List_Search") },
-  });
+  const searchField = createInputField({ type: "search", placeholder: tx("List_Search") });
+  const search = searchField.input;
   const blockedOnly = el("input", { attrs: { type: "checkbox" } });
   const count = el("span", { className: "m01-logic__muted" });
   const list = el("ul", { className: "m01-logic__list" });
@@ -178,7 +176,7 @@ export function buildList(onOpen: (item: ListItem) => void): ListHandle {
       el("div", {
         className: "m01-logic__filters",
         children: [
-          search,
+          searchField.root,
           el("label", {
             className: "m01-logic__check",
             children: [blockedOnly, el("span", { text: tx("List_BlockedOnly") })],