[PoC] Implement Skeleton component

[sungik-choi]

Description

로딩 상태를 나타내는 Skeleton 컴포넌트를 구현합니다.

Reasons for suggestion

• 디자인 시스템 스펙에는 없으나, 현재 채널 데스크 앱에는 자주 사용되는 컴포넌트입니다.
  • 특히 Avatar 의 경우가 자주 사용되나, smooth corners + Avatar 내부에 정의된 border-radius를 consumer에서 사용할 수 없는 상황이기 때문에 사용처에서의 구현이 번거롭습니다.

Proposed solution

• 현재 디자인 시스템 스펙에 없으므로, 디자이너와 먼저 커뮤니케이션이 필요합니다.
• Avatar, Bar, Card 등 다양한 프리셋을 지원합니다.
• 적절한 Heartbeat 애니메이션도 디자이너와 의논하여 추가합니다.
• 애플리케이션에 마이그레이션합니다.
• 가능하다면 단순히 Spinner를 사용한 많은 UI에 Skeleton을 적용해보는 시도도 Next step으로 이루어지면 좋겠습니다.

References

• https://chakra-ui.com/docs/components/skeleton/usage

[sungik-choi]

디자이너와 논의 후 스펙이 확정되면 이슈 제목에서 [PoC] 를 제거합시다.