feat(web): 가능 시간 관리 API 연결

[ehlung]

목표

가능 시간 관리 화면에서 운영 기간과 직원 가능 시간을 실제 서버 데이터로 조회/저장할 수 있게 합니다.

배경 / 필요성

가능 시간 관리 API가 구현되어 있으므로, web 화면이 mock/local 상태가 아닌 서버 상태를 기준으로 동작해야 합니다.

작업 범위

• active schedule planning period 조회/저장 API 연결
• availability 조회 API 연결
• availability bulk 저장 API 연결
• TanStack Query query/mutation key 및 캐시 무효화 정리
• 로딩/에러/빈 상태 처리
• shared schema/API 타입 기준으로 요청·응답 타입 정리

완료 조건 (Acceptance Criteria)

• 화면 진입 시 active planning period를 조회한다.
• 운영 기간을 저장하면 서버 반영 후 화면 상태가 갱신된다.
• 선택한 worker/date range 기준으로 availability를 조회한다.
• 가능 시간 변경 후 저장 시 bulk API로 반영된다.
• 저장 후 관련 query가 무효화되어 최신 데이터가 보인다.
• API 에러 상황이 기존 web 에러 처리 흐름에 맞게 표시된다.
• web typecheck/lint가 통과한다.

제안하는 구현 방식

• 기존 web API client, TanStack Query hook, feature 폴더 패턴을 우선 따른다.
• API PR이 merge되기 전이면 API 브랜치 기준 또는 merge 후 develop 기준으로 작업 시작 여부를 먼저 결정한다.
• 서버 상태는 TanStack Query로 관리하고, 폼/선택 상태만 컴포넌트 로컬 상태로 유지한다.

관련 이슈

Depends on #92
Related PR: #94
Related PR: #96