Feat: 포트폴리오 작성, 수정 기능을 구현한다

개요

PortfolioEditPage.tsx 에서의 포트폴리오 작성, 수정 기능을 구현합니다.

react-hook-form을 설치한다.
헤더 'Upload' 버튼 클릭 시 /portfolio/edit 경로 이동 후 새로운 포트폴리오 등록이 가능하다.
자신이 작성한 포트폴리오 페이지에서 '수정하기' 버튼 클릭 시 /portfolio/edit?id=${id} 경로 이동 후 포트폴리오 수정이 가능하다.
- 기존에 작성한 내용이 Editor에 남아있다.
- react-hook-form의 dirtyFields로 변경된 값만 request body에 담아 patch 요청한다.
태그 입력, 삭제가 가능하다.
- TagInput에 한 글자 이상 입력 후 엔터를 누르면 태그가 등록된다.
- Tag 컴포넌트에 마우스 hover 시 나타나는 X 아이콘을 클릭하면 해당 태그가 삭제된다.
react-query의 useMutation으로 데이터를 등록하고, 작성/수정한 PortfolioDetailPage로 이동한다.