fix: 토너먼트 준비 화면 참여자 패널 디자인 조정 및 '나' 표시

[iOdiO89]

작업 요약

• 아코디언 접힘 상태의 담기 마감 카운트다운 칩 컬러를 피그마 디자인에 맞게 보정합니다
• 아코디언 펼침 상태의 참여자 칩에서 본인을 닉네임 대신 "나"로 표시합니다

작업 세부 내용

1. 담기 카운트다운 칩 디자인 보정 — DepositCountdown.tsx

• 텍스트 컬러를 text-text-accent → text-text-accent/88, 타이머 아이콘은 text-sky-blue-400으로 분리해 시안과 맞췄습니다
• 간격도 시안 기준으로 조정했습니다 — gap-1.5 → gap-1, pl-2 → pl-2.5
• timer.svg에 흰색 원 배경을 추가해 아이콘 몸통이 시안처럼 채워져 보이게 했습니다
• 같은 컴포넌트를 쓰는 라벨 있는 타이머(showLabel=true)에도 동일하게 적용되는 변경이며, 두 사용처 모두 시안과 대조해 확인했습니다

2. 참여자 칩 본인 표기 — ParticipantChip.tsx

• useGetMe()의 userData.id와 칩의 user.id(참여자 userId)를 비교해 본인이면 "나"를 노출합니다
• 다른 참여자는 기존대로 닉네임을 노출합니다

3. UserT.name 필수화 (부수 정리)

• 참여자 데이터는 서버 타입상 nickname: string이 항상 내려오는데, 표시용 UserT.name이 optional이라 도달 불가능한 ?? '익명' fallback이 있었습니다
• UserT를 만드는 곳(ParticipantPanel 매핑, FriendListDialog의 toUser) 모두 name을 항상 채우고 있어 name: string 필수로 좁히고 fallback을 제거했습니다
• UserProfile의 alt도 `${user.name} 프로필 이미지`로 정리했습니다

스크린샷

연관 이슈

closes #536

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
piki	Ready	Preview	Aug 20, 2026 1:08am

[coderabbitai]

Warning

Review limit reached

@iOdiO89, you've reached your PR review limit, so we couldn't start this review.

Next review available in: 13 minutes

Limit details: You’ve used the included review currently available.

You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository.

How can I continue?

Wait for the limit to reset, then comment @coderabbitai review or push new commits to the PR.

An organization admin can change what happens after included review limits in Billing.

How do review limits work?

CodeRabbit enforces per-developer PR review limits within each organization.

For paid Pro and Pro+ reviews, CodeRabbit uses a developer's included PR review attempts over the past 7 days to set the current hourly allowance. At typical activity levels, the full plan allowance applies. Higher sustained activity can lower the allowance until earlier attempts leave the 7-day window.

Please refer docs for additional details.

Review details

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: e86dc850-279c-45b0-8a30-826989cb4f2f

📥 Commits

Reviewing files that changed from the base of the PR and between 5623dce and 9b3c677.

⛔ Files ignored due to path filters (1)

• apps/web/src/assets/icons/fill/timer.svg is excluded by !**/*.svg

📒 Files selected for processing (4)

• apps/web/src/app/tournament/[id]/create/_components/deposit-countdown/DepositCountdown.tsx
• apps/web/src/app/tournament/[id]/create/_components/participant-panel/ParticipantChip.tsx
• apps/web/src/components/user-profile-group/UserProfile.tsx
• apps/web/src/components/user-profile-group/userProfile.const.ts

---

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

[github-actions]

Discord 스레드 연동용 메타데이터입니다. discord-pr-bot 워크플로가 자동 생성하며, 수정·삭제하면 PR 과 Discord 알림 연동이 끊깁니다.