feat(709-2): M01 표 · M02 목록 줄 수 = 화면 높이 · 쪽 단추 표 아래 · 한 장 표 화면 안 스크롤

- 쪽 있는 표(요소 · 표 목록 · 로직 목록 · 재료 고르기 모달 · M02 서고 · 새 항목 목록): 줄 수를 표 칸 위치 ~ 화면 아래로 셈(watchFit) · 창 크기 · 글꼴 늦게 실림에도 다시 셈 · 쪽 크기 바뀌어도 첫 줄 유지
- 쪽 단추 = 표 바로 아래 · 줄이 모자라면 표와 함께 위로 붙음
- 쪽 없는 한 장 표(소요량 · 계수): 높이를 화면 아래로 묶고 안에서 스크롤(watchHeight · 표 아래 주 높이 뺌)
- UI_Style.css 의 max-height calc(100dvh - 300px) 제거 · m01-master__pager 규칙 제거(부품 ui-pager 로)
- 낡은 점검 51-10(쪽 단추가 거름 줄 안에 있다고 봄) = 표 바로 아래 ui-pager 로 고침

M01_MasterData/M01_MasterData_UI_Logic_List.ts

@@ -8,6 +8,7 @@
 import { createInputField, el } from "@ui/ui_template_elements";
 import { aliasText, matchLogic } from "@ui/ui_template_logic_find";
 import { buildPager } from "./M01_MasterData_UI_Cells";
+import { pageKeepFirst, watchFit } from "@ui/ui_template_pager";
 import type { LogicSummary } from "./M01_MasterData_UI_Logic_Api";
 import { tx } from "./M01_MasterData_UI_Logic_Text";
 import "./M01_MasterData_UI_Head.css";
@@ -41,7 +42,7 @@ export interface ListHandle {
 
 export const logicId = (sub: string, key: string): string => `${sub}\n${key}`;
 
-const SIZE = 30;
+const DEFAULT_SIZE = 30; // 붙기 전 어림 — 붙은 뒤 화면 높이로 다시 셈
 const COLS = [
   "키",
   "원문번호",
@@ -64,6 +65,7 @@ export function buildList(
   let aliases = new Map<string, string>();
   const aliasOf = (x: ListItem): string => aliases.get(x.id) ?? x.alias;
   let page = 1;
+  let size = DEFAULT_SIZE;
   const pick = { sub: "", detail: "" };
   const searchField = createInputField({ type: "search", placeholder: tx("List_Search") });
   const search = searchField.input;
@@ -84,9 +86,9 @@ export function buildList(
           별칭: aliasOf(x),
         }).ok,
     );
-    page = Math.min(page, Math.max(1, Math.ceil(shown.length / SIZE)));
-    const rows = shown.slice((page - 1) * SIZE, page * SIZE).map(line);
-    pager.replaceWith((pager = buildPager(shown.length, SIZE, page, go)));
+    page = Math.min(page, Math.max(1, Math.ceil(shown.length / size)));
+    const rows = shown.slice((page - 1) * size, page * size).map(line);
+    pager.replaceWith((pager = buildPager(shown.length, size, page, go)));
     grid.replaceChildren(
       el("table", {
         className: "ui-table m01-master__grid",
@@ -144,18 +146,29 @@ export function buildList(
   };
 
   search.addEventListener("input", () => go(1));
-  let pager = buildPager(0, SIZE, 1, go);
+  let pager = buildPager(0, size, 1, go);
 
   const root = el("div", {
     className: "m01-logic__listview",
     children: [
       el("div", {
         className: "m01-head__filters",
-        children: [searchField.root, pager],
+        children: [searchField.root],
       }),
       grid,
+      pager,
     ],
   });
+  watchFit(
+    root,
+    () => grid,
+    (rows) => {
+      if (rows === size) return;
+      page = pageKeepFirst(page, size, rows);
+      size = rows;
+      draw();
+    },
+  );
   return {
     root,
     setItems: (logics) => {