fix: 초대 배너를 펼치면 상품 이미지에 가려짐 (z-index)

[iOdiO89]

버그 내용

토너먼트 준비(담기) 화면에서 상단 초대 배너(N명이 함께 담는 중)를 펼치면, 펼쳐진 참가자 목록이 아래쪽 상품 이미지에 가려진다. 배너가 이미지보다 위에 있어야 한다.

버그 재현 방법

• Given 참가자가 2명 이상이고 상품이 담긴 토너먼트 준비 화면에서
• When 상단 초대 배너를 펼치면
• Then 펼쳐진 영역이 상품 이미지 뒤로 들어가 가려진다

예상 결과

펼쳐진 배너가 상품 이미지 위에 온전히 보인다.

참고

펼침 영역이 Tailwind z-10 을 하드코딩하고 있어, 상품 이미지 쪽 z-index 와 값이 겹치거나 더 낮다.

• app/tournament/[id]/create/_components/participant-panel/ParticipantPanel.tsx:95 — className="absolute top-full z-10 ..."
• 상품 이미지: components/base-image/index.tsx:94 가 Z_INDEX.BASE_IMAGE(10), 바스켓 아이템은 Z_INDEX.BASE_IMAGE + 10(20) 을 쓴다 (tournament-item-basket/TournamentBasketItem.tsx:47)

작업 시 유의

• consts/zIndex.ts 의 Z_INDEX 를 사용한다. 11, 12 같은 임의 숫자를 직접 박지 않는다
• 값은 기존 토큰 기준 상대값으로 잡거나(Z_INDEX.BASE_IMAGE + n), 의미가 있는 레이어면 Z_INDEX 에 이름 있는 토큰을 추가해서 쓴다