[Fix] 모임 카드 태그 없을 때도 카드 레이아웃 공간 유지

[claudia99503]

📝 변경 사항

• 태그가 없을 때도 공간을 유지하여 프로그래스 바와 버튼 위치 고정

  • CardTags 컴포넌트에 min-h-[20px] 추가
  • 태그가 없어도 null을 반환하지 않고 빈 컨테이너 렌더링

• 모임 탈퇴 버튼과 채팅 입장 버튼의 세로 위치 정렬

  • 왼쪽/오른쪽 컬럼에 justify-between 적용
  • 두 버튼의 시작점과 끝점이 동일한 높이에 정렬되도록 수정

• src/components/shared/card/card-tags/index.tsx: 태그 없을 때 공간 유지 로직 추가

• src/components/shared/card/index.tsx: 버튼 세로 정렬을 위한 레이아웃 구조 개선

---

🔗 관련 이슈

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.

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch minseo-fix/groups

---

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]

🎨 Storybook Report

✅ 변경 사항이 없습니다

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

Status	Storybook	Build Log	Updated (UTC)
✅ Unchanged	View Storybook	View Build	2025-12-12 14:42:02

[github-actions]

🎭 Playwright Report

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

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

Status	Build Log	Updated (UTC)
✅ Ready	View Build	2025-12-12 14:42:54

📊 Test Summary

• ✅ Passed: 9
• ❌ Failed: 0
• ⏱️ Duration: 79.9s

📜 Test Details

✅ Passed Tests (9)

• profile.test.ts (9)
  • [chromium] 비로그인 상태에서 /mypage 접속 시 /login으로 redirect 되는 지 테스트
  • [chromium] 나의 프로필 페이지로 접속 시 /mypage로 /redirect 되는 지 테스트
  • [chromium] 존재하지 않는 프로필 페이지로 접속 시 404 redirect 되는 지 테스트
  • [firefox] 비로그인 상태에서 /mypage 접속 시 /login으로 redirect 되는 지 테스트
  • [firefox] 나의 프로필 페이지로 접속 시 /mypage로 /redirect 되는 지 테스트
  • [firefox] 존재하지 않는 프로필 페이지로 접속 시 404 redirect 되는 지 테스트
  • [webkit] 비로그인 상태에서 /mypage 접속 시 /login으로 redirect 되는 지 테스트
  • [webkit] 나의 프로필 페이지로 접속 시 /mypage로 /redirect 되는 지 테스트
  • [webkit] 존재하지 않는 프로필 페이지로 접속 시 404 redirect 되는 지 테스트

[github-actions]

🚀 PR Preview Report

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

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

Status	Preview	Build Log	Updated (UTC)
✅ Ready	Visit Preview	View Logs	2025-12-12 14:42:23

[github-actions]

📊 Coverage Report

Status	Build Log	Updated (UTC)
✅ Ready	View Build	2025-12-12 14:41:03

📈 #172을 main에 병합하면 coverage가 0.03% 증가합니다.

Coverage 요약

@@             Coverage Diff             @@
##             main     #172       +/-   ##
===========================================
+ Coverage   37.80%   37.83%    +0.03%     
===========================================
  Files         138      138         0     
  Lines        5549     5551        +2     
  Branches      227      226        -1     
===========================================
+ Hits         2098     2100        +2     
  Misses       3451     3451         0     

영향받은 파일

파일	Coverage 변화
/home/runner/work/WeGo_FrontEnd/WeGo_FrontEnd/src/components/shared/card/index.tsx	95.65% (+0.13%) ⬆️

[HopeFullee]

잠을 허락하노라

[HopeFullee]

Suggested change

	<div className='flex flex-col justify-between'>
	<div className='flex-col-between'>

제가 만든 TW util 보시면 flex-center / flex-between / flex-col-center / flex-col-between 있습니다.
styles/layout.css 가서 보세용

[HopeFullee]

Suggested change

	<div className='flex min-w-0 flex-1 flex-col justify-between'>
	<div className='flex-col-between min-w-0 flex-1'>

여기두 제가 만든거 쓰면 훨신 짧아지쥬?