[JDDEV-48] Feat: 실제 공고 지원 JD 확인 페이지 구현

[minnngo]

🔗 관련 이슈

• JDDEV-48

📝 개요

• 모의 서류 지원의 JD 확인 화면을 추가했습니다.
• 기존 공통 Header, Footer, ProgressSidebar, InputAutoGrow, ModalNotice 컴포넌트를 활용해 화면을 구성했습니다.
• JD 섹션 수정, 사이드바 이동, 뒤로가기 확인 모달을 반영했습니다.

⌨️ 작업 상세 내용

• /mock-application/jd-review 페이지 추가
• JD 확인 메인 컴포넌트 추가
• 직무, 주요 업무, 자격요건, 우대사항 섹션을 예시 데이터 기반으로 렌더링
• 공통 InputAutoGrow를 활용해 입력 필드 구성 및 포커스 보더 적용
• 입력 필드 내부 스크롤 동작 보정
• 우측 ProgressSidebar 클릭 시 해당 섹션으로 스크롤 이동
• 스크롤 위치에 따라 사이드바 selected 항목 자동 변경
• Footer 뒤로가기 클릭 시 confirmation modal 노출
• 다시 업로드 클릭 시 /mock-application/jd-input 경로로 이동 (아직 구현 안되서 404)
• ModalNotice에 type="confirmationModal" 옵션 추가
• JD 확인 화면과 미구현 JD 입력 경로를 standalone route로 처리

💡 코드 설명 및 참고사항

아직 전 단계인 JD 입력 화면은 구현하지 않았기 때문에, 다시 업로드 버튼은 /mock-application/jd-input 404 경로로 이동하도록 처리했습니다.

📸 스크린샷 (UI 변경 시)

2026-05-18.143022.mp4

⚠️ 로컬 실행 시 유의사항

• 확인 경로: http://localhost:3000/mock-application/jd-review