feat: 룰렛 페이지 디자인

[dasosann]

Greptile Summary

룰렛 메인 허브와 스페셜 룰렛 화면을 추가하고, 무료 룰렛의 공통 UI를 재구성했습니다.

• 무료·스페셜 룰렛으로 이동할 수 있는 카드형 메인 화면 추가
• 공통 헤더, 룰렛, 참여 정보 및 확률 안내 바텀시트 구성
• 스페셜 룰렛 화면과 누적 결제 진행 카드 추가
• 룰렛 이미지 리소스와 각 경로의 metadata 추가
• 이전에 지적된 하단 여백 클래스 오타 수정

Confidence Score: 5/5

현재 확인된 차단 수준의 실패가 없어 병합해도 안전해 보입니다.

차단 수준의 실패가 남아 있지 않습니다.

Important Files Changed

Filename	Overview
app/roulette/_components/ScreenRouletteMain.tsx	무료 및 스페셜 룰렛 진입점을 제공하는 메인 허브 화면을 추가했습니다.
app/roulette/_components/RouletteProbabilityBottomSheet.tsx	두 룰렛의 보상과 확률을 탭으로 전환해 표시하는 공통 바텀시트를 추가했습니다.
app/roulette/free/_components/ScreenRouletteFree.tsx	공통 컴포넌트 경로와 확률 안내 UI를 적용하고 기존 하단 여백 클래스 오타를 제거했습니다.
app/roulette/special/_components/ScreenRouletteSpecial.tsx	스페셜 룰렛 실행 화면과 누적 결제 안내 UI를 새로 구성했습니다.
app/roulette/special/_components/SpecialRouletteChanceCard.tsx	누적 결제 금액과 다음 참여 조건을 진행률로 표시하는 카드를 추가했습니다.

Flowchart

%%{init: {'theme': 'neutral'}}%%
flowchart TD
    A[룰렛 메인 /roulette] --> B[무료 룰렛 /roulette/free]
    A --> C[스페셜 룰렛 /roulette/special]
    B --> D[공통 Roulette 컴포넌트]
    C --> D
    A --> E[확률 안내 바텀시트]
    B --> E
    C --> E

Loading

_{Reviews (2): Last reviewed commit: "feat:오타수정" | Re-trigger Greptile}