feat(screenshots): Playwright 실제 화면 캡처 + GuardiaDetail 업데이트

- Playwright 자동화로 ITSM 로그인/대시보드 + 홈페이지 11개 페이지 캡처
- GuardiaDetail.jsx ITSM 섹션: itsm_02_dashboard.png / itsm_01_login.png 적용

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

frontend/src/pages/GuardiaDetail.jsx

@@ -182,11 +182,11 @@ export default function GuardiaDetail() {
             </div>
             <div className="gd-screenshots">
               {[
-                {file:'01_dashboard',  caption:'통합 대시보드 — SR·SLA·AI 인사이트'},
-                {file:'02_sr_list',    caption:'SR 서비스 요청 — 칸반/목록 뷰'},
-                {file:'04_incidents',  caption:'인시던트 관리 — AI 자동 RCA'},
-                {file:'05_agents',     caption:'AI 에이전트 — Ollama 온프레미스'},
-                {file:'06_license',    caption:'라이선스 관리 — 에디션·체험판'},
+                {file:'itsm_02_dashboard', caption:'통합 대시보드 — SR·SLA·AI 인사이트 (실제 화면)'},
+                {file:'itsm_01_login',     caption:'로그인 화면 — JWT + 2FA/OTP 보안'},
+                {file:'04_incidents',      caption:'인시던트 관리 — AI 자동 RCA'},
+                {file:'05_agents',         caption:'AI 에이전트 — Ollama 온프레미스'},
+                {file:'06_license',        caption:'라이선스 관리 — 에디션·체험판'},
               ].map((s,i) => (
                 <div key={i} className="screenshot-card">
                   <img src={`/screenshots/${s.file}.png`} alt={s.caption}