fix: 모임 목록 컨테이너를 grid에서 flex-col로 변경하여 완벽한 말줄임표 처리 보장

[yoohyun-1203]

🚀 작업 내용 (What)

• 대시보드의 '내 모임' 우측 사이드바가 모임 제목 길이에 따라 무한정 팽창하여 하단 버튼까지 레이아웃이 깨지던 문제 수정
• CSS Grid의 가장 바깥쪽 컨테이너와 개별 모임 카드 박스를 flex flex-col 기반으로 변경하고 min-w-0을 추가하여 320px 고정폭을 엄격히 유지하도록 변경
• 레이아웃 테스트 전용 페이지(/test-layout) 추가

📣 핵심 변경 이유 (Why)

• CSS Grid 레이아웃의 고질적인 크기 팽창 문제로 인해 말줄임표(truncate)가 작동하지 않는 현상을 근본적으로 해결
• 향후 어떤 길이의 모임 제목이 들어와도 화면이 망가지지 않도록 디자인 안정성 보장

📸 스크린샷 (Visuals, 선택)

⚠️ 체크리스트 (Checklist)

• 브랜치 컨벤션(feature/00-name)을 지켰나요?
• 커밋 컨벤션(feat:, fix: 등)을 지켰나요?
• 작업 전에 관련 이슈를 생성하고 연결했나요?
• 내 코드가 팀의 기존 코드를 망가뜨리지 않았는지 확인했나요?

🔗 관련 이슈 (Issue)

Close #32

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
moim-app	Ready	Preview, Comment	Jun 14, 2026 4:10pm

[coderabbitai]

Warning

Review limit reached

@yoohyun-1203, we couldn't start this review because you've reached your PR review rate limit.

More reviews will be available in 28 minutes and 14 seconds. Learn how PR review limits work.

Your organization has used up its prepaid credits, and credit purchases are no longer available. Enable the review add-on in the billing tab to keep reviews running — you're only billed for reviews past your plan's rate limits ($0.25/file).

⌛ How to resolve this issue?

After more reviews become available, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans include higher PR review limits than trial, open-source, and free plans. In all cases, reviews become available again over time. During sustained high-volume PR review activity, CodeRabbit may temporarily slow when the next review becomes available.

Please see our Fair Usage Limits Policy for further information.

ℹ️ Review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: ASSERTIVE

Plan: Pro Plus

Run ID: 38f39643-0d5f-4f0b-a898-6220f8f0b110

📥 Commits

Reviewing files that changed from the base of the PR and between 571f6c4 and 3ba3b43.

📒 Files selected for processing (1)

• src/components/moim/reference-ui.tsx

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch dev

---

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.}