feat: writeDiaryPage, selectReplyPage 제작

[joowon-jang]

PR 유형

• [x] Feat: 새로운 기능 추가
• [ ] BugFix: 버그 수정
• [ ] Design: CSS 등 사용자 UI 디자인 변경
• [ ] Style: 코드에 영향을 주지 않는 변경사항(오타 수정, 탭 사이즈 변경, 변수명 변경)
• [ ] Refactor: 코드 리팩토링
• [ ] Comment: 주석 추가 및 수정
• [ ] Docs: 문서 수정
• [ ] Test: 테스트 추가, 테스트 리팩토링
• [ ] Chore: 빌드 부분 혹은 패키지 매니저 수정
• [ ] Rename: 파일 혹은 폴더명 수정
• [ ] Remove: 파일 혹은 폴더 삭제

🔧 반영 브랜치

feature/writeDiaryPage -> develop

💬 Description

ModalDialog.module.css, writeDiaryPage폴더의 모든 변경사항, selectReplyPage폴더의 모든 변경사항, diaryStore.js, router.jsx 봐주세요!

• 아직 Ai의 답변을 생성해서 연결하는 부분의 로직 구현이 필요합니다 (api 사용법과 key를 몰라서 보류했음)
• 아래의 잘리는 부분은 스크롤 가능
• 일기를 작성하고 페이지가 이동한 후에 서버에 전송하기 때문에 diaryStore를 만들어서 전역상태로 관리
• 익명의 누군가를 선택하면 바로 일기를 전송
• ai마디를 선택하면 답장 컨텐츠 종류 선택 후에 전송
• 일기를 하루에 하나만 쓸 수 있어야하기 때문에, 추후 alert창을 띄워주면서 writeDiaryPage로의 이동을 막는 로직을(+필요하다면 일기 삭제기능까지) 추가해야함
• 스샷에는 textarea에 placeholder가 없지만 추가했습니다

📷 Screenshots

Resolves #98

[netlify[bot]]

❌ Deploy Preview for haemadi failed.

Name	Link
🔨 Latest commit	24840db4883aef42c5bbdb6b8f07319a7aca3673
🔍 Latest deploy log	https://app.netlify.com/sites/haemadi/deploys/66f003dfcc677900084c81a9