Feat: 모달창 추가, 예약상태 추가

[boogiewooki02]

#️⃣연관된 이슈

ex) #이슈번호, #이슈번호

📝작업 내용

1. 예약하기 이후 '예약 성공' 또는 '예약 실패' 모달 제작하고 적용해두었습니다. (현재는 예약 성공 화면만 뜹니다.)
2. CalendarUI 모바일 사이즈에서 몇 가지 수정했습니다. (요일 밑에 점선 나오는 문제 해결)
3. TimeTable에서 예약 상태 4가지 퍼블리싱 해두었습니다.
   ( 4. 예약 정보를 담는 Reservation 인터페이스 생성해두었는데, 이 부분은 API 연결하면서 수정될 것 같습니다.)

🔎코드 설명 및 참고 사항

dummyData를 생성해두긴 했는데, 아직 연결하지는 않았습니다..
스웨거 확인하면서 예약 정보와 예약 상태 반영하는 로직 추가하겠습니다!

💬리뷰 요구사항

상태 관리가 점점 복잡해지는 것 같아서.. 이 부분 관련해서 조언 주시면 감사하겠습니다!

⚠️로컬 실행 시 유의사항

[letthem]

넘넘 수고해써 ⭐️⭐️⭐️⭐️⭐️

예약할 때 어떤 시간을 클릭하고 그보다 더 이전 시간 클릭하면 (예를 들어 16:00-16:30 을 클릭하고 12:00-12:30 을 클릭) 완전히 화면이 멈추면서 오류가 나는데 이것만 해결하면 될듯!!

[limgahyun]

상태관리 괜찮은 것 같은데 !!! 컴포넌트 분리도 잘 해두고 네이밍도 직관적이구 해서 좋은 것 같아용

[limgahyun]

reservation interface 만들어두는거 완전 굳인데 앞에서 한 리뷰처럼 dto에 맞게 수정해두면 좋을듯 !!

[caminobelllo]

수고하셨습니다!

한 가지 이슈 발견하여 영상과 함께 첨부합니다.
1시간 이상 선택하는 경우에
영상 1처럼 첫시간 ~ 마지막 시간을 선택하면 중간이 채워지지만, 영상 2처럼 한시간을 이미 선택한 후 추가적으로 시간을 선택하는 경우에 기존에 선택한 내용이 삭제됩니다. 이 부분 확인해 주세요!

1.mp4

2.mp4