카테고리 추가·수정 시트에 Figma 디자인을 적용한다

[opficdev]

🔗 연관된 이슈

• closed 카테고리 추가·수정 시트에 Figma 디자인을 적용한다 #868

🎯 의도

카테고리 추가 시트 - DevLog 시안의 카드 구성을 카테고리 추가·수정 시트에 적용하고, 기존 이름·색상 검증과 닫기·저장 동작의 보존

📝 작업 내용

📌 요약

• 카테고리 추가·수정 시트를 Form 구성에서 이름·색상·미리보기 카드 구성으로 변경
• 색상 프리셋 선택과 하단 저장 버튼 추가
• 이름 중복 여부와 안내 문구 상태 추가
• 카테고리 관리 목록의 카테고리 추가 버튼을 하단 고정 바로 이동

🔍 상세

• CategoryManageSheet: NavigationStack과 Form을 ScrollView 기반 카드 구성으로 교체
  • 상단 바(닫기·제목)와 하단 저장 바를 safeAreaInset으로 구성하며 하단 저장 바는 Goal 작성 뷰의 저장 바와 같은 구성 사용
  • 이름 카드: 입력 필드와 글자 수(n/20), 안내·오류 문구 표시
  • 색상 카드: 선택 중인 색상 미리보기, 무작위 색상 버튼, 8개 프리셋(무지개 순서)과 기존 ColorPicker
  • 미리보기 카드: CategoryManageRowContent를 목록 행과 공유하여 실제 행과 같은 모습으로 표시
  • 저장 버튼 활성 조건은 기존 canSubmitUserCategory 유지, 닫기·스와이프 닫기 동작 유지
• CategoryManageRow: 행 내용을 CategoryManageRowContent로 분리하고 수정·삭제 스와이프는 목록 쪽에 유지
• CategorySheetState: 기존 중복 검사를 isDuplicatedName으로 분리하고 nameMessage 추가, canSubmitUserCategory의 판정 결과는 유지
• CategoryManageView: 카테고리 추가 버튼을 목록 푸터에서 safeAreaInset 하단 바로 이동하고 ignoresSafeArea(edges: .bottom) 제거
• Localizable.xcstrings: todo_manage_color, todo_manage_random_color, todo_manage_name_hint, todo_manage_name_duplicate, todo_manage_preview_description 추가
• CategoryManageFeatureTests: 중복 이름 판정, 수정 중 변경 여부, 안내 문구 테스트 추가
• 카테고리 데이터 모델과 재정렬 동작은 변경 없음

📸 영상 / 이미지 (Optional)

X	라이트	다크
iOS 26 이상
iOS 18