feat, style: [보관함] 보관함 탭 구분 및 일부 디자인 수정

[jini-coding]

🎯 PR 내용

1. 보관함에 키링/뭉치 탭 토글 기능 추가

• 키링 탭: 기존 보관함 UI
• 뭉치 탭: 뭉치 그리드 + 뭉치 만들기 버튼
• 각 탭별 헤더 높이 및 UI 요소 분기 처리

뭉치 정렬 기능과 검색 기능은 이후의 이슈에서 검색뷰 작업하면서 추가 예정
이후에 CollectionView+NormalMode를 키링 버전 / 뭉치 버전으로 나누긴 해야할듯...

2. NEW 키링 및 페스티벌 출품 상태 UI 디자인 수정

• NEW 키링 표시
  **기존 빨간 점 → 회전하는 그라데이션 보더 + NEW 뱃지로 변경
  **Angular Gradient를 사용한 4초 주기 회전 애니메이션 (색상은 싱싱의 코드 참고)

• 페스티벌 출품 상태 오버레이
  ** 포장중: 기존 어두운 배경 + 텍스트 유지
  ** 출품중: 텍스트에 그라데이션 배경

3. Alert 팝업 레이어 겹침 현상 수정

• 팝업이 그리드 셀 위에 나타났다 사라질 때 셀을 덮는 현상 수정
• zIndex 명확화: mainContent(0) → searchBar(200) → alerts(300+)
• 각 alert별로 개별 zIndex 부여하여 레이어 충돌 방지

4. 키링 정보 수정 완료 버튼 디자인 수정

• 기존의 체크 버튼 대신 "완료" 텍스트가 있는 디자인으로 수정

수정 완료 후 보관함 대신 상세로 돌아가는 건 이후에 작업 예정
상세뷰 새로고침 로직을 넣어야함 (상세뷰 진입 방식 진작 안 고친 업보임...)

📱 스크린샷 (UI 변경 시)

화질 안 낮추고 올리는 방법 좀....

ScreenRecording_02-08-2026.02-27-17_1.mov

🔗 관련 이슈

#51

✅ 체크리스트

• 빌드 성공
• 테스트 완료
• Self-review 완료

[giljihun]

오랜만의 리엘 피알~
zIndex 분기로 해결 깔끔

화질 안 낮추고 올리는 방법 좀.. -> 없습니다.. ㅋㅋ

[giljihun]

우리 앱 폰트 진짜 다양하게 쓰는듯. ㅋㅋ