[Feat] 모임신청 이후 대기중 버튼 작업

[HopeFullee]

📝 변경 사항

• [한거]

  • 모임 신청 이후 대기중 상태 전용 버튼 마크업 작업
  • 모임 신청 취소 api/groups/left API 연동
  • 대기중 상태일때 Pending Badge 적용

• [변경 사항]

  • 상태별 버튼 컴포넌트화 <JoiningButton />, <PendingButton />, <MembersButton />, <FinishedButton />
  • 상태별 버튼 랜더링 조건을 전면 리팩토링
    • canJoin 참가 가능한 상태일땐 -> <JoiningButton /> 참여하기 버튼 랜더
    • isPending 신청 대기중 상태일땐 -> <PendingButton /> 신청 취소하기 버튼 랜더
    • isMember 맴버 상태일땐 -> <MembersButton /> 탈퇴/취소 + 채팅 버튼 랜더
    • isFinsihed 모임이 마감일때 (FINISHED) -> <FinishedButton /> 모임마감 버튼 랜더

• [추가 사항]

  • 모임 마감 전용 버튼을 만든 이유
    • 기존 모임 마감일 시 모든 버튼을 DISABLED 처리했지만, 굳이 API와 연동되어 있는 버튼을 랜더링 해주는것 보단,
      처음부터 랜더링을 해주지 않는것이 더 옳다고 판단 (뇌피셜)
    • 버튼 자체가 하단 Sticky로 붙어 있기 때문에 모임이 마감되었음을 더 직관적으로 노출 할 수 있음.

---

🔗 관련 이슈

Closes #

---

🧪 테스트 방법

• 수동 테스트 검증(로컬 환경)
• 유닛 테스트 검증
• 통합 테스트 검증

---

📸 스크린샷 (선택)

---

📋 체크리스트

• 관련 문서를 업데이트했습니다 (필요한 경우)
• 테스트를 추가/수정했습니다 (필요한 경우)
• Breaking change가 있다면 명시했습니다

---

💬 추가 코멘트

---

CodeRabbit Review는 자동으로 실행되지 않습니다.

Review를 실행하려면 comment에 아래와 같이 작성해주세요

@coderabbitai review

---

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[github-actions]

🎭 Playwright Report

✨ E2E Test가 성공적으로 완료되었습니다.

Test 요약 내용을 확인해주세요.

Status	Build Log	Updated (UTC)
✅ Ready	View Build	2026-01-01 12:04:31

📊 Test Summary

• ✅ Passed: 3
• ❌ Failed: 0
• ⏱️ Duration: 38.0s

📜 Test Details

✅ Passed Tests (3)

• profile.test.ts (3)
  • [chromium] 존재하지 않는 프로필 페이지로 접속 시 404 redirect 되는 지 테스트
  • [firefox] 존재하지 않는 프로필 페이지로 접속 시 404 redirect 되는 지 테스트
  • [webkit] 존재하지 않는 프로필 페이지로 접속 시 404 redirect 되는 지 테스트

[github-actions]

📊 Coverage Report

Status	Build Log	Updated (UTC)
✅ Ready	View Build	2026-01-01 12:03:26

📉 #308을 main에 병합하면 coverage가 0.33% 감소합니다.

Coverage 요약

@@             Coverage Diff             @@
##             main     #308       +/-   ##
===========================================
- Coverage   40.32%   39.99%    -0.33%     
===========================================
  Files         209      213        +4     
  Lines        9384     9461       +77     
  Branches      406      410        +4     
===========================================
  Hits         3784     3784         0     
+ Misses       5600     5677       +77     

영향받은 파일

✅ 이 PR로 영향받은 파일이 없습니다

수정된 모든 파일이 현재 coverage를 유지했습니다.

[github-actions]

🎨 Storybook Report

✅ 변경 사항이 없습니다

모든 Story가 이전 빌드와 동일합니다.

Status	Storybook	Build Log	Updated (UTC)
✅ Unchanged	View Storybook	View Build	2026-01-01 12:03:53

[github-actions]

🚀 PR Preview Report

✨ Build가 성공적으로 완료되었습니다.

Preview에서 변경사항을 확인하세요.

Status	Preview	Build Log	Updated (UTC)
✅ Ready	Visit Preview	View Logs	2026-01-01 12:04:35

[claudia99503]

🌝

[HopeFullee]

🌝

끼얏호우