Todo 상세 화면에 Figma 디자인을 적용한다

[opficdev]

🔗 연관된 이슈

• closed Todo 상세 화면에 Figma 디자인을 적용한다 #863

🎯 의도

Todo 상세 화면의 제목, Markdown 본문, 참조 Todo, 주요 동작을 기존 기능 변경 없이 카드 중심 구조와 DevLog 색상 기준으로 정리하고, 다른 화면과 같은 커스텀 탑바로 구성

📝 작업 내용

📌 요약

• 제목과 #번호, 본문을 카드 중심 구조로 개편
• 시스템 내비게이션 바를 숨기고 커스텀 탑바 적용
• Todo 상세로 이동하는 push 경로에 뒤로가기 스와이프 적용
• GitHub 코드 리뷰 봇용 AGENTS.md 지침 추가

🔍 상세

• 화면 배경을 Color.appBackground, 본문 카드를 Color.surface와 반경 24로 구성하고 기존 systemGroupedBackground와 .gray 제거
• 바깥 ScrollView와 LazyVStack으로 제목과 본문 카드를 구성, 기존 고정 높이와 Divider 제거
• 제목은 한 줄 가로 스크롤과 .title3.bold()를 유지하고, #번호는 Color.textTertiary로 변경
• #번호를 LazyHStack의 sectionFooters 고정 뷰로 구성하여 제목이 짧으면 제목 뒤에 붙고, 길면 오른쪽 끝에 고정되며 제목과 함께 스크롤
• 번호 왼쪽 8pt와 오른쪽 여백에 appBackground 배경을 적용하여 고정된 번호 뒤로 제목 글자가 비치지 않도록 처리
• 본문은 TodoMarkdownContentView(isScrollEnabled: false)로 바깥 스크롤 안에 배치하고 최소 높이 120 적용
• 본문이 비어 있으면 기존 development_record_content_empty_title 키의 ContentUnavailableView 표시
• 탑바에 NavigationBackButton(기본은 dismiss()), 정보 버튼, showEditButton일 때 편집 버튼 배치
• iOS 26은 topBarButtonStyle, iOS 18은 adaptiveButtonStyle과 Color.accent 텍스트로 구성하고 편집 진입(Mac 창, fullScreenCover)과 정보 시트 동작은 유지
• RootView, PushNotificationListView, 중첩 시트의 .toolbar 닫기 버튼을 제거하고 dismiss()로 시트 닫기, 시트 래퍼 배경을 Color.appBackground로 변경
• TodoDetailView에 onBack 클로저를 추가하여 TodoEditorView 인스펙터 안의 Todo 상세에서는 뒤로가기가 dismiss() 대신 옵션 페이지로 복귀하도록 구성
• TodoEditorView 인스펙터 안의 Todo 상세에서 .toolbar로 주입하던 편집 저장·확인 버튼 제거
• HomeView, ProfileView, TodayView, SearchView, GoalDetailView의 Todo 상세 경로에 interactivePop 적용
• 목록 컨텍스트 메뉴 미리보기(PreviewView)의 배경을 Color.appBackground로 변경
• 루트에 AGENTS.md를 추가하여 Codex GitHub 코드 리뷰 봇이 리뷰 코멘트를 한국어로 작성하도록 지시하고, 우선순위와 지적 기준, 저장소 점검 항목, 결과 요약 형식을 이 파일만으로 완결되게 정리
• TodoDetailFeature, Domain·Data 계약, 세부 정보 시트 내부, 개발 기록 상세는 변경하지 않음

📸 영상 / 이미지 (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-10-04T03:11:27.495751Z	be7c5de	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.

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: be7c5de832

ℹ️ 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".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".