feat: 공통 컴포넌트 Progress bar

[BeMatthewsong]

✏️ 작업 내용

Progress Bar 상태는 아래와 같습니다.

1. 개설 전
2. 개설 확정 (5명 ~ 19명)
3. 모집 종료 (20명)
4. 개설 확정 배지 없는 버전
5. 모집 인원 없는 버전

📷 스크린샷

✍️ 사용법

// 개설 전
<ProgressBar
  participantNumber={3}
  hasParticipantNumber={true}
  hasOpeningConfirmed={true}
  capacity={20}
  hasText={true}
/>
// 개설 확정 (5인 이상)
<ProgressBar
  participantNumber={5}
  hasParticipantNumber={true}
  hasOpeningConfirmed={true}
  capacity={20}
  hasText={true}
/>
// 개설 확정 (두 자릿수)
<ProgressBar
  participantNumber={12}
  hasParticipantNumber={true}
  hasOpeningConfirmed={true}
  capacity={20}
  hasText={true}
/>
// 모집 종료
<ProgressBar
  participantNumber={20}
  hasParticipantNumber={true}
  hasOpeningConfirmed={true}
  capacity={20}
  hasText={true}
/>
// 참가인원과 개설 확정 배지 없는 경우
<ProgressBar
  participantNumber={5}
  hasParticipantNumber={false}
  hasOpeningConfirmed={false}
  capacity={20}
  hasText={true}
/>
// 우측 텍스트 없는 버전 (1)
<ProgressBar
  participantNumber={5}
  hasParticipantNumber={true}
  hasOpeningConfirmed={true}
  capacity={20}
  hasText={false}
/>
// 우측 텍스트 없는 버전 (2)
<ProgressBar
  participantNumber={20}
  hasParticipantNumber={true}
  hasOpeningConfirmed={true}
  capacity={20}
  hasText={false}
/>

🎸 기타

애니메이션은 목록 페이지가 아닌 상세 페이지에서만 보여서 선택적으로 보일 필요가 있다고 판단해서 안 넣었습니다.

close #11