refactor : prompt 입력 폼 관리 리팩토링 (react-hook-form)

[yui880]

📝 설명

• 프롬프트 폼 입력 페이지에서 react-hook-form을 제대로 사용하지 못한 부분이 많아서 수정 진행

📌 TODO

• zod 사용하여 입력 폼 유효성 관리
• 폼 미입력시 제출 불가 기능 리팩토링
• 하위 컴포넌트로 데이터 전달 컨텍스트 방식으로 변경

🗂️ 추가 정보

• react-hook-form: react에서 입력받는 form을 생성할 때 데이터 상태관리, 유효성 관리 등 설정해야 부분이 많은데 해당 과정을 효율적으로 관리할 수 있도록 해주는 라이브러리. 해당 라이브러리를 이용하여 데이터를 상위 컴포넌트에서 중앙화하여 관리하고는 있지만 더 다양한 기능을 사용하지 못하고 기존에 사용하던 방식대로 구현한 부분이 있어서 수정하고자 한다.
• zod: 런타임 타입검사 라이브러리. TypeScript에서는 컴파일 시점의 타입 검사만 진행할 수 있다.