feat: /gatherings/[id] 이미지에 스켈레톤 적용 및 framer motion 적용

[HMRyu]

✏️ 작업 내용

• /gatherings/[id] 이미지에 스켈레톤 적용
• 모임 리스트에 framer motion 적용

📷 스크린샷

/gatherings

https://github.com/user-attachments/assets/58624f4a-c260-4b50-aecb-1671674c5649

찜한 모임

https://github.com/user-attachments/assets/fc21d6c7-2cbe-4039-a60d-7d8cfad38ec2

모든 리뷰

https://github.com/user-attachments/assets/5a081ae3-4c06-4d88-a02c-90a4dd79273b

✍️ 사용법

사용하고 싶은 부분에 <MotionWrapper> 로 감싸주면 됩니다!

<div className='mt-24 flex grow flex-col gap-24'>
  {gatheringListData.length > 0 ? (
    <MotionWrapper>
      <SavedList dataList={gatheringListData} />
    </MotionWrapper>
  ) : (
    <div className='flex size-full grow items-center justify-center text-14 font-medium text-var-gray-500 dark:text-neutral-200'>
      아직 찜한 모임이 없어요.
    </div>
  )}
</div>

🎸 기타

CI 통과

테스트 코드가 통과를 못해서 CI 가 안되는 것 같아요! 감안하고 봐 주시면 감사할 것 같습니다..! 빠르게 테스트 코드 수정하여 올리도록 하겠습니다!