좌측 햄버거 메뉴 적용 및 오프캔버스 세로 스크롤 개선

[edumgt]

Motivation

• 좌측 메뉴 열기 UI를 햄버거 아이콘으로 변경하고 오프캔버스 내부에서 메뉴 항목이 길어질 때 세로 스크롤이 동작하도록 개선하기 위함입니다.

Description

• 헤더의 기존 텍스트 버튼을 왼쪽에 고정된 햄버거 아이콘 버튼으로 교체하고 접근성용 aria-label을 추가했습니다 (frontend/index.html).
• 오프캔버스를 flex 컬럼 레이아웃으로 변경하고 메뉴 목록 컨테이너에 overflow-y-auto 및 flex-1을 적용해 내부에서 세로 스크롤이 가능하도록 조정했습니다 (frontend/index.html).

Testing

• 백엔드 앱을 실행하기 위해 uvicorn backend.app.main:app --host 0.0.0.0 --port 8888를 실행하여 서버가 정상 기동함을 확인했습니다 and the server returned HTTP 200 for page and static asset requests.
• 자동화 브라우저(Playwright) 스크립트로 http://127.0.0.1:8888에 접속해 #open-menu를 클릭하고 오프캔버스가 열리는지 확인하며 스크린샷을 생성하여 동작을 검증했습니다 (성공).

---

Codex Task