[기능 추가] useAnimation 및 useDate 등 새로운 훅스 추가

[sugoring]

개요

이 PR은 useAnimation, useDate, useMapScreen, useRound 등의 커스텀 훅스를 추가하여 코드의 재사용성을 높이고, 애플리케이션의 유지보수성을 개선합니다.

작업 사항

• [x] useAnimation: 애니메이션 효과를 위한 커스텀 훅 추가
• [x] useDate: 날짜와 관련된 상태 및 로직을 처리하는 커스텀 훅 추가
• [x] useMapScreen: 지도 화면의 상태와 로직을 처리하는 커스텀 훅 추가
• [x] useRound: 순환버스 회차 관련 상태와 로직을 처리하는 커스텀 훅 추가

변경 사항

• useAnimation 훅 추가: 애니메이션 효과를 위한 로직을 분리하여 재사용 가능하도록 구현
• useDate 훅 추가: 날짜와 관련된 상태 및 로직을 처리하는 기능 구현
• useMapScreen 훅 추가: 지도 화면의 상태와 로직을 처리하는 기능 구현
• useRound 훅 추가: 순환버스 회차 관련 상태와 로직을 처리하는 기능 구현

테스트 방법

기능이 제대로 동작하는지 테스트하는 방법에 대한 설명

• [x] useAnimation 테스트: 애니메이션 효과가 정상적으로 동작하는지 확인
• [x] useDate 테스트: 날짜 선택, 이전/다음 날짜 이동 기능이 정상적으로 동작하는지 확인
• [x] useMapScreen 테스트: 지도 화면의 상태 변경 및 모달 기능이 정상적으로 동작하는지 확인
• [x] useRound 테스트: 현재 시각 및 순환버스 회차 관련 기능이 정상적으로 동작하는지 확인

관련 이슈

• 이슈 번호: #33, #143, #26, #103

참고 사항

리뷰어가 알아야 할 사항, 주의사항, 추가 설명 등

• 각 훅스의 기능 및 사용법을 README.md 파일에 추가
• HomeScreen.js, MapScreen.js, TimeScreen.js 파일 삭제 후 관련 훅스로 대체

스크린샷 (선택 사항)

변경된 사항을 확인할 수 있는 스크린샷이나 GIF 첨부

체크리스트

• [x] 코드가 의도한 대로 작동하는지 확인
• [x] 주석 및 문서화가 잘 되어 있는지 확인
• [x] 코드가 스타일 가이드를 준수하는지 확인
• [x] 관련 이슈와 연결되어 있는지 확인
• [x] 단위 테스트가 작성되어 있고, 모든 테스트가 통과하는지 확인

---

Reviewer:

• [ ] 코드 리뷰 완료
• [ ] 기능 동작 확인