웹 경로와 3단계 인터랙티브 학습 반영

[Sadturtleman]

개념·퀴즈·코드 화면을 React 상태로만 전환하던 흐름을 URL 기반 3단계 학습으로 변경합니다. 학습·문제·기록·리뷰·문의·관리자 화면에서 직접 주소 진입, 새로고침, 뒤로가기와 앞으로가기를 사용할 수 있습니다.

• 47개 개념의 라이트/다크 GIF와 452개 알고리즘 상태 예측 단계. 배열 위치·그래프/트리 노드 선택, 계산 값 입력, 정답 확인과 재시도, 탭 내 답 복원.
• 코드 단계는 기존 기록을 재사용하며 화면 이동 전에 저장. 모바일/Android는 개념·예측만 제공.
• 서버 HTML 경로 fallback, 소유자만 읽을 수 있는 문의 상세 API, 기존 GA4/Amplitude 경로에 PREDICTION_CHECKED 추가.
• 검증: 타입 검사·빌드 성공, 서버/워커 59개 통과(별도 PostgreSQL 1개 로컬 생략), 브라우저 20개 통과. 최종 트리 초기 표시/선택 대비 수정 후 관련 브라우저 검사 재통과.

기존 디자인 정렬 PR #5 위에 쌓은 PR입니다. GIF 재생 중지 시 첫 장면을 보여주며 세부 프레임 조작은 기존 상세 예제에서 제공합니다. 예측 진도는 사용자별 sessionStorage에 저장하며 서버 간 진도 동기화는 포함하지 않습니다.

운영 배포 완료: Cloud Build b44f81d6-bff7-4d7f-a621-fc03acd5ba3f, Cloud Run algostep-00013-5h2가 트래픽 100%를 제공합니다. 코드 커밋 5fc61e0의 두 CI 실행 모두 통과했습니다. 운영 HTML 경로 7개, GIF/PNG, health 200 및 익명 API 401·없는 자산/API 404를 확인했습니다. 실제 로그인 브라우저에서 예측 답 제출→다음 단계→뒤로가기→새로고침 후 답 복원도 확인했습니다. DB·IAM·워커 설정은 변경하지 않았습니다.