fix(B08): 등급색 토글을 탭 줄 끝으로 옮김

만들자마자 탭 줄에 붙이는 바람에 **탭 단추들보다 먼저** 서서, 「토적표」 앞에 탭이 하나 더
있는 것처럼 보였음(2026-09-12 실측: 토글 x=8 · 토적표 x=84). 표를 고르는 단추가 아니라
보기 방식을 바꾸는 단추라 섞이면 안 됨.

만드는 자리는 그대로 두고 **붙이는 것만 탭 단추를 다 세운 뒤로** 미룸.

자체검증(ORCA 5173, 로그인한 실제 화면) — 탭 줄 차례가
토적표(8) · 토공집계(74) · 운반거리(152) · 준비공·사방공(230) · 구조물 원단위(336) ·
자재총괄(441) · **등급색 토글(519)** 로 맨 끝에 섬. 토글을 켜면 칸 왼쪽 3px 띠와 옅은
배경이 붙고(측량 372칸 · 계산 868칸), 다시 누르면 사라짐. `tsc --noEmit` 통과.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_017RANEBHns1S4tkmsYwewtk

B08_Quantity/B08_Quantity_UI_Page.ts

@@ -781,12 +781,13 @@ function buildQuantityBody(
   };
 
   // 등급색 토글 — ⚠ **사전이 왔을 때만** 만든다(개발환경). 배포 빌드에서는 단추 자체가 없다.
-  if (
+  // ⚠ 만들기만 하고 **붙이는 것은 탭 단추를 다 세운 뒤**이다 — 여기서 바로 붙이면
+  //   탭 줄 **맨 앞**에 서서 「토적표」 앞에 탭 하나가 더 있는 것처럼 보인다(2026-09-12 실측: x=8).
+  const provenanceToggle =
     (table as unknown as { provenance?: unknown } | null)?.provenance ||
     (material as unknown as { provenance?: unknown } | null)?.provenance
-  ) {
-    tabs.append(createProvenanceToggle(body));
-  }
+      ? createProvenanceToggle(body)
+      : null;
 
   if (failed) {
     body.append(tabs, message(L("B08_Quantity_Grid_Failed")));
@@ -863,6 +864,8 @@ function buildQuantityBody(
     buttons.push(button);
     tabs.append(button);
   });
+  // 토글은 탭 줄 **끝**에 둔다 — 표를 고르는 단추가 아니라 보기 방식을 바꾸는 단추라 섞이면 안 된다.
+  if (provenanceToggle) tabs.append(provenanceToggle);
 
   body.append(tabs, pane);
   show(0);