Feat: /gatherings 페이지 기능 구현

[HMRyu]

📝 설명

• 모임 목록 조회: 원하는 모임 종류(달램핏, 워케이션)에 대해 다른 유저가 만든 모임 목록을 확인할 수 있습니다.
  • 원하는 지역, 날짜에 대해 필터링 및 마감 임박, 참여 인원 순으로 정렬할 수 있습니다.
  • Server Side Rendering으로 초기 10개 목록을 불러오고, Client Side에서 무한 스크롤을 통해 모임 목록을 추가로 Fetching 합니다.
  • 현재 참여 인원을 Progress bar로 표현하고 충족 여부에 따라 색상을 강조합니다. ⇒ 거의 다 충족되면 더 진한 색깔로 하라는 의미?
  • 모임 아이템 클릭 시 모임 상세 페이지로 이동합니다.
  • 취소된 모임은 조회되지 않습니다.
• 애니메이션 적용
  • 탭 클릭 시 바가 옆으로 이동하도록 합니다.
  • 찜하기 클릭 시 아이콘 크기와 색상이 변하며 클릭되는 효과를 줍니다.
  • 모임 아이템 호버 시, 그림자 생성 애니메이션이 적용됩니다.