감정기록 페이지 리팩토링

[sangbooom]

Overview

react-hook-form의 useForm과 useFormContext를 활용하여 같은 문맥의 상태들은 form으로 묶어서 관리하고 모든 버튼들과 input 상태들의 최적화도 덤으로 가져간다.
하위 컴포넌트 레벨에선 formContext로 form을 수정할 수 있도록 한다.

Motivate

질문 페이지에서 글을 쓸때마다 렌더링이 이루어지고 전체적인 데이터 관리가 깔끔하지 못하고 역할 분리가 제대로 되지 않아서 아쉬웠다.

Expected

Checklist

✅ 왜 개선 할 필요가 있는지 설명했나요?
✅ 개선 후 어떤 부분이 기대되는지 설명했나요?

[sangbooom]

기획이 변경됨에 따라 감정기록 페이지를 리팩토링 합니다

https://www.notion.so/depromeet/todo-f33ca2029e8d44a29c55ef98e5cef2d0