[planner/FE] 복구안 비교 및 미리보기 화면 구현

[borissal1207]

배경

하루 종료(#65) 후 계획이 위험하거나 불가능해졌을 때 보여주는 화면이다.
PLAN B의 핵심 가치인 "실패 이후의 재계산"이 사용자에게 드러나는 지점으로,
두 복구안을 비교하고 승인해야만 미래 계획이 바뀐다.

구현 대상

• planner/templates/planner/recovery_compare.html — 복구안 비교
• planner/templates/planner/recovery_result.html — 미리보기 및 적용
• planner/templates/planner/includes/recovery_card.html — 복구안 카드
• static/css/planner.css — 스타일 추가
• static/js/planner.js — 복구안 선택

화면 구성

복구안 비교

1. 왜 복구가 필요한지 — 못한 분량, 속도 보정, 남은 가능시간
2. 복구안 2개 — 분량 유지형(maintain_volume) / 핵심 집중형(core_focus)
   • 각각 Fit Bar로 적용 후 상태 표시 (두 카드가 같은 축)
   • 제외되는 작업 수와 목록, 추가로 필요한 시간
3. 하단 고정 바 — 선택한 안 표시 + 적용 버튼

미리보기 및 적용

1. 날짜별 공부량 변화 (지금 계획 vs 복구 후)
2. 유지 / 이동 / 제외 작업 수
3. "적용해도 나중에 다시 바꿀 수 있습니다" 안내
4. 적용 버튼

주요 원칙 (기준안)

• 복구안은 생성 즉시 적용하지 않고, 사용자 승인 후에만 미래 계획을 변경한다
• 제외되는 작업을 명확히 보여주고, 승인 없이 제외하지 않는다
• 복구 유형은 2개다 (깊이 조절형은 MVP 제외)

이번 PR 범위 밖

• View/URL 연결 (BE 담당) — 더미 데이터로 마크업만 진행

확인 기준

• 복구안 2개가 같은 눈금의 Fit Bar로 렌더
• 제외되는 작업 목록이 접히지 않고 보임
• 선택한 복구안이 하단 바에 표시됨
• 미리보기에서 날짜별 변화가 before/after로 비교됨
• 320 / 375 / 767 / 1440 레이아웃 정상