feat(screenshots): Manager dashboard real screenshots + GuardiaDetail update

Manager screenshots (Variant design applied):
- manager_01_login.png: login page
- manager_02_dashboard.png: main dashboard (SR charts, sidebar)
- manager_03_servers.png: server list
- manager_04_scraping.png: scraping bot management
- manager_05_deployments.png: deployment history

GuardiaDetail.jsx:
- Manager section screenshots updated to real captured files
- 07_manager_* -> manager_0N_* (actual filenames)

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

frontend/src/pages/GuardiaDetail.jsx

@@ -253,10 +253,10 @@ export default function GuardiaDetail() {
             </div>
             <div className="gd-screenshots">
               {[
-                {file:'07_manager_dashboard', caption:'Manager 대시보드 — 서버·배포·SLA 통합 관제'},
+                {file:'manager_02_dashboard', caption:'Manager 대시보드 — SR 추이·우선순위 분포 (실제 화면)'},
-                {file:'08_manager_dr',        caption:'DR 재해복구 관제 — RTO/RPO 실적 추적'},
+                {file:'manager_03_servers',   caption:'서버 목록 — 인프라 자산 통합 관리'},
-                {file:'09_manager_network',   caption:'네트워크 장비 관제 — 스위치·방화벽 설정 백업'},
+                {file:'manager_04_scraping',  caption:'스크랩핑 봇 — URL 수집·게시·삭제·원복 관리'},
-                {file:'10_manager_csap',      caption:'CSAP 보안 점검 — 준수율 자동 대시보드'},
+                {file:'manager_05_deployments', caption:'배포 이력 — CI/CD 파이프라인 현황'},
               ].map((s,i) => (
                 <div key={i} className="screenshot-card">
                   <img src={`/screenshots/${s.file}.png`} alt={s.caption}