feat(CLAP-180): flow 재조정 및 기기별 애니메이션 구분

[DaeWon9]

🔗 연관된 이슈

• 연관된 이슈 링크

📗 작업 내용

1. 뽑기 이후 유저 플로우 수정
2. 뽑기 애니메이션이 동작하지 않는 디바이스 구분 후 다른 애니메이션 적용
3. 화면크기에 따라 문구가 가려지는 부분 해결

이슈 내용

• 뽑기 이후 유저 플로우 부자연스로운 이슈
• 브라우저, 기기별 카드뽑기 애니메이션이 작동하지 않는 이슈
• 크기에따라 문구가 가려지는 이슈

변경 사항

• 뽑기 이후 플로우 수정 ( 파츠뽑기 -> 파츠장착하러가기 -> 내 아반떼 N 자랑하러가기 )
• 브라우저 기기를 판단하는 함수 제작 후, 다른 애니메이션 적용
• 화면에 패딩값을주어 문구가 가려지는 이슈 해결

✏️ 리뷰어 멘션

• @thgee

[github-actions]

Visit the preview URL for this PR (updated for commit f717e54):

https://watermelon-clap--pr127-feat-clap-180-xvvoqc9r.web.app

_{(expires Sun, 01 Sep 2024 02:34:53 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: de0a942c5b755c54117c0c98d9eeaa5a5c97c307}

[github-actions]

Finish "service" deployment!

[thgee]

기존에는 유저가 이벤트를 참여할 때 흐름이 조금 이상했었는데, 자연스럽게 수정되었군요! 좋습니다