홈 화면에 Figma 디자인을 적용한다

[opficdev]

🔗 연관된 이슈

• closed 홈 화면에 Figma 디자인을 적용한다 #853

🎯 의도

HomeTab의 기본 List 외형을 카드형 작업 유형 영역으로 대체하고, 기존 Todo 진입과 카테고리 관리 흐름을 유지하는 구성

개발 기록과 #874의 개발 목표 영역은 이번 변경 범위에서 제외

📝 작업 내용

📌 요약

• ScrollView와 LazyVStack 기반의 고정 상단 바 구성
• 작업 유형을 카드형 그리드로 재구성
• 카테고리 펼침 상태를 HomeFeature.State로 이동
• 수정 타일과 chevron 표시 조건 구성

🔍 상세

• 검색과 Todo 추가 진입을 포함한 상단 바 구성
• TodoCategoryGridLayout으로 아이콘 크기와 카드의 상단, 좌우, 행과 열 간격을 동일한 기준으로 배치
• 밝은 모드의 옅은 카테고리 배경과 다크 모드의 불투명 배경 구성
• 접힌 상태에서는 최대 8개 카테고리 표시
• 마지막 행의 빈 칸에 수정 타일을 표시하고, 숨겨진 카테고리 또는 수정 타일을 위한 추가 행이 필요할 때만 chevron 표시
• 수정 타일에서 카테고리 관리 화면으로 이동
• HomeFeature의 카테고리 펼침 상태 전환 테스트 추가
• 카테고리 관리 현지화 키 추가
• 기존 검색, Todo 목록과 상세 이동, 카테고리 노출과 순서 관리, 로딩 처리 유지
• Todo 추가 선택 시트의 List 유지

📸 영상 / 이미지 (Optional)

[chatgpt-codex-connector]

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

Review	Status	Commit	Review trigger
📝 Code Review	✅ Completed 2026-09-20T12:21:30.718180Z	71a8d0f	PR opened

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.