[SZ-520] 인박스 화면 디자인 적용

[earthyoung]

What is this PR?

인박스 화면에 디자인을 적용했습니다. 적용하면서 여러 상태관리 관련 문제들을 발견했으나, 일단 디자인을 입히는 것이 우선인 것 같아 부분 PR 올려봅니다.

Changes

• 인박스 화면의 카테고리 스크롤 부분 똑같이 디자인하기
• 인박스에서 전체 다 추가되는 오류 수정
• 인박스 투두 인풋 박스 스타일 수정
• 투두 모달 안 뜨는 오류 수정
• 서브투두에서 모달 안 뜨는 오류 수정
• 인박스 화면의 + 버튼 부분 똑같이 디자인하기
• 인박스 화면에 서브투두 앞의 아이콘 체크박스 대신 막대기 아이콘으로 바꾸기
• 인박스에서 서브투두 만들때 텍스트 인풋 스타일 수정

---

• 인박스에서 날짜이동 눌렀을 때 캘린더 모달 뜨게 하기
• 인박스에서 투두 create 가능하게 하기
• 인박스에서 투두 update 가능하게 하기
• 인박스에서 투두 delete 가능하게 하기
• 투두 모달이 날아오는 오류 수정하기

Screenshots

Test Checklist

😎github action에서 CI / 코드 품질 검사 (pull_request) 실패하면 details 눌러서 수정할 부분 보고 고치기


😎앱 테스트


안드로이드 👉 APP_MODE=development npm run e2e-test:android


iOS 👉 손으로 테스트 ㅠㅠ

기능체크리스트

• 투두 CRUD
• 서브투두 CRUD
• 서브투두 AI 생성
• 투두 날짜 옮기기
• 투두 인박스로 이동
• 인박스에서 위 3과정 똑같이 진행
• 카테고리 CRUD
• 캘린더에 남은 할일 수 확인
• 설정에 계정, 언어, 문의 페이지 확인