[할 일 생성 & 수정] 할 일 생성 수정 모달 스타일링하기 및 폼 상태관리

[ahrrrl]

close #83 close #99

✅ 작업 내용

• 할 일 수정 모달 폼 디자인

• react-hook-form으로 form 상태관리 및 애러처리

• zod 유효성검사

• 링크 넣는 부분은 사용자가 번거롭게 클릭한번더 하는게 안좋을거 같아서 디자인 수정했습니다

• 파일 넣는 부분도 디자인 임의로 수정했습니다

• 임의로 수정한부분 나중에 이상하면 고칠게요!

• todoitem에서 todo의 타이틀과 목표타이틀 간의 간격이 벌어진걸 수정했습니다

• 아이콘 다른건 바로 보이게하고 캐밥만 호버하면 보이게 해놨습니다

📸 스크린샷 / GIF / Link

📌 이슈 사항

• 폼이 제대로 제출되었을 때만 닫히려면 모달을 닫는 함수를 리턴해주는 콜백함수가 있으면 좋겠는데 그런 함수가 없어서 현재 폼 제출후 닫히는 기능이 없는 상태입니다!
• 셀렉터 여유가 된다면 다시만들어야할 거 같습니다(셀렉터 리스트 길이 조절 불가능) 애초에 디자인 크기만 비슷하지 공통 input 하고 묶을것도 아니고 드롭다운인데 디자인 피그마에서 괜히 모아둔듯 합니다.