[Home] 후원사 카드 로딩 전 노출할 UI 구현

yuuuzzzin commented 1 year ago

Issue

후원사 리스트 로딩 전 노출할 스켈레톤 UI를 구현합니다.
- 로딩 상태와 후원사 컨텐츠를 받아온 상태를 구분하기 위해 SponsorsUiState를 수정했습니다.
- SponsorCard뷰는 UiState의 상태를 받아 스켈레톤을 그릴지, 받아온 컨텐츠를 그려줄지 정해 노출합니다.
- 223 에서 구현된 쉬머 효과를 주는 것이 디자인에 통일성을 줄 것 같아 이를 활용했습니다.
- 현재 구현된 UI와 피그마상 UI에 차이가 있었는데, 피그마상의 UI를 따라 스켈레톤을 그렸습니다. (현재 #219 에서 해당 시안 작업 중인 것으로 보여 추후 리베이스가 필요할 것 같습니다.)
시안을 보니 후원사 카드 하단에 패딩이 필요해보여 이를 추가했습니다.