사물함 신청 전 유의사항 바텀시트

[sangrae2325]

어떤 기능인가요?

사물함 신청에 들어가기 전, 이용 기간·중복 신청 제한·신청 기간을 확인시키는 바텀시트를 추가한다.

Figma 사물함 신청 전 유의사항(1737:218213) 중 시트 부분(1737:218306)만 이번 범위다. 배경으로 보이는 홈 화면과, "확인했어요" 이후로 이어지는 구역 선택 화면은 각각 별도 작업으로 뺀다.

신청 기간이 아닐 때의 상태는 Figma에 없어서 새로 정했다 — 시트 내용은 그대로 두고 하단 버튼만 비활성으로 바꾸고 문구를 "신청 기간이 아니에요"로 교체한다. 구역 선택으로 넘어가지 않는다.

📝 작업 상세 내용

• 시트 내용 컴포넌트 작성 — 제목(신청 전 아래 내용을 확인해 주세요) + 유의사항 3줄 + 하단 버튼
• 유의사항 일러스트 3개(시계·사람·달력, 42px) Figma에서 받아 src/assets/에 커밋 — WDS 아이콘이 아니라 Stream 로컬 도형이라 SVG를 그대로 받는다
• 기존 공용 src/components/ui/BottomSheet.tsx(딤·시트·드래그 핸들·세이프에어리어) 위에 내용만 얹는다 — 시트 껍데기를 새로 만들지 않는다
• 하단 버튼은 WDS ActionArea + ActionAreaButton
• 신청 기간 여부에 따라 버튼 분기 (확인했어요 활성 ↔ 신청 기간이 아니에요 비활성)
• 확인용 임시 라우트 추가 — 진입 즉시 시트가 뜨게만 한다. 실제 진입점(공지 상세 CTA)은 연결할 디자인이 확정된 뒤 붙인다
• 새로 확정된 WDS 매핑을 docs/conventions/wds-component-usage.md에 반영

이번 범위에서 제외

• 홈 화면 (1737:218213의 배경) — 별도 작업
• 사물함 구역 선택 화면 (1737:218452, 1737:218489) — 별도 이슈
• 공지 상세의 "사물함 신청" CTA — 해당 노드 디자인 확인 후
• 신청 기간·이용 기간 API — 목데이터로 둔다

📁 참고 자료 (선택)

• 바텀시트: https://www.figma.com/design/3QkxTuGLZkB17pZILTog9L/%F0%9F%8C%8A--Stream?node-id=1737-218213
• 시트 본문: 1737:218310 (제목 + 유의사항 3줄 + Action Area, flex-col gap-28)
• 이어지는 구역 선택(다음 이슈): 1737:218452 → 1737:218489
• 용어 사전(docs/conventions/terminology.md): 사물함 = lockers