feat(view): side view (정면) to the right of the footing plan on one scale; 본수 card, plan and side in one row

Plan and side use the same scale (22 px per m) and share their horizontal extent, so the footing lines up. The side view breaks
the column (3 m above the footing) and the piles (4 m below it) so its height stays near the plan's. The row is three columns
from 1100 px, the side view drops to its own row between 800 and 1100 px, and it stacks below 800 px.

Co-Authored-By: Claude Haiku 5.5 <noreply@anthropic.com>

src/main.ts

@@ -730,12 +730,12 @@ function renderFootingDrawings(box: HTMLDivElement, pier: Pier): void {
   const plan = el('figure', undefined, 'footing-fig');
   plan.innerHTML = footingPlanSvg(pier.model);
   plan.appendChild(el('figcaption', '평면 · 1열이 아래, 열은 교축과 직각 방향 줄', 'muted small'));
-  grid.append(cardCol, plan);
-  box.appendChild(grid);
+  // The side view (정면) sits to the right of the plan, on the same scale (승인 2026-10-23).
   const side = el('figure', undefined, 'footing-fig');
   side.innerHTML = footingSideSvg(pier.model);
-  side.appendChild(el('figcaption', '정면 · 점선 = 경사 선택 시 상면 (L2, h2)', 'muted small'));
-  box.appendChild(side);
+  side.appendChild(el('figcaption', '정면 · 끊음 표시: 기둥과 말뚝 일부 생략 · 점선 = 경사 선택 시 상면 (L2, h2)', 'muted small'));
+  grid.append(cardCol, plan, side);
+  box.appendChild(grid);
   box.appendChild(el('p', '기초 회전각 θ는 교각축 대비 회전으로, 생성 규칙은 spec에 추가 후 적용합니다 (지금은 0°).', 'muted small'));
 }