feat(layout): 페이지 폭 72rem 통일 및 본문·다이어그램 정렬 개선

[devy1540]

목적

페이지마다 56rem/64rem으로 갈리던 본문 폭을 통일하고, 사이드바 때문에 왼쪽으로 치우쳐 보이던 정렬과 일부 Mermaid 다이어그램이 과도하게 확대되는 문제를 개선한다.

내용(의도 포함)

• 페이지 콘텐츠 폭을 72rem으로 통일 (default/article/wide variant 모두). 본문이 넓어진 만큼 글 상세 우측 TOC 표시 브레이크포인트도 함께 조정.
• 본문을 사이드바 옆 콘텐츠 영역 중앙에 대칭 정렬(화면 정중앙 보정 제거). 글 상세는 본문과 우측 TOC를 한 묶음으로 보고 그 중심이 콘텐츠 영역 중앙에 오도록 정렬(본문 폭은 72rem 유지).
• 시리즈·태그 우측 상세 패널 폭을 20rem → 24rem으로 확대해 넓어진 본문과 좌우 비율을 맞춤.
• 좁은(세로형) Mermaid 다이어그램이 컨테이너 폭까지 강제 확대되던 문제 수정: viewBox 자연 폭을 상한으로 고정해 1배를 넘겨 확대하지 않도록 하고, 확대 모달은 폭을 채우도록 override.

성공기준

• npm run build 성공: tsc + client + SSR 빌드 + 하이드레이션 SSG 114페이지 프리렌더 정상.
• dev 서버 실측
  • 일반 페이지(홈·목록·태그·시리즈·분석·소개): 콘텐츠 영역 좌우 여백 대칭(예 1900px에서 246/246), 본문 폭 1152px(72rem) 동일.
  • 글 상세: 본문 폭 1152px 동일, 본문+TOC 그룹 중심 = 인셋 중심(1920px에서 좌 116 / 우 116 대칭), TOC 잘림·가로 스크롤 없음. 1856px 미만에서는 본문 인셋 중앙 대칭 + TOC 숨김.
  • Mermaid: 세로형 다이어그램 렌더 배율 4.39× → 1.0×(자연 크기), 가로로 넓은 다이어그램은 컨테이너에 맞게 축소(변화 없음).