fix: 웹 QA 및 관리자 안정성 개선

[choihooo]

🎯 Summary

이 PR의 목적을 한 줄로 요약해주세요

• 웹 레이아웃 안정화, 랭킹/벌금 탭 예외 처리, QA 문서 추가

---

🔴 AS-IS

기존 상태 또는 문제점

• 모바일 레이아웃과 pull-to-refresh 동작이 일부 화면에서 불안정했습니다.
• 랭킹 출석 히트맵이 예기치 않은 상태값에서 런타임 에러를 발생시켰습니다.
• 어드민 벌금 탭이 실제 벌금 상태값과 UI 매핑이 달라 필터/액션이 어긋났습니다.
• 웹/봇 QA 점검 기준 문서가 없어 회귀 확인 범위가 분산되어 있었습니다.

🟢 TO-BE

변경 후 상태 또는 개선점

• 메인 레이아웃, 공지 배너, pull-to-refresh 구조를 정리해 모바일 동작을 안정화했습니다.
• 사용자 화면의 일부 모바일 레이아웃을 보정했습니다.
• 랭킹 히트맵에 알 수 없는 출석 상태 fallback을 추가해 페이지 크래시를 방지했습니다.
• 어드민 벌금 탭에서 PENDING/PAID/WAIVED 상태값 기준으로 필터, 액션, 표시를 일치시켰고 null 데이터도 안전하게 처리했습니다.
• 웹 QA 시트와 봇 QA 시트를 추가해 기능 단위 점검 기준을 문서화했습니다.

---

💬 참고사항

리뷰어가 알아야 할 내용, 논의 포인트, 주의사항 등

• pnpm --filter @blog-study/web typecheck 통과했습니다.
• 이번 PR에는 문서 커밋과 기능 수정 커밋이 함께 포함되어 있습니다.
• 브랜치에는 기존 fix(a11y): Skip-to-Content 버튼 투명 처리로 일반 사용자에게 숨김 커밋도 포함되어 있습니다.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
study-admin-web	Ready	Preview, Comment	Mar 11, 2026 7:49am