💄 편지 작성 - 가이드라인/리마인드 바텀시트 UI 및 전반적인 스타일 리팩토링

[ding-co]

📎 이슈번호

• 60

📃 변경사항

• [x] global.ts - button에 cursor: pointer 추가
• [x] LetterWrite에 대한 Guideline, Remind 바텀시트 UI 개발 완료
• [x] 변경된 공통 스타일을 전체 적용 완료
• [x] LetterWrite InputRecipient 바텀 버튼에 대해 컴포넌트를 BottomButton -> Button으로 변경
• [x] LetterWriteReceiverName 에서 input guide message (최대 10자 이내 빨간색) 별도 생성
• [x] 필요한 mock data 구성, recoil state 구성
• [x] 아코디언 화살표 회전 효과 추가
• [x] public/Icons -> public/icons (퍼블릭 폴더는 소문자로 폴더명 셋팅)
• [x] InputDefault 공통 컴포넌트 - displayName 추가 (빌드 시 에러 발생해서 추가함)

📌 중점적으로 볼 부분

• LetterWriteMain 컴포넌트 (src/components/features/LetterWrite/main/index.tsx)
• Guideline 컴포넌트 (src/components/features/LetterWrite/main/Guideline/index.tsx)
• Remind 컴포넌트 (src/components/features/LetterWrite/main/Remind/index.tsx)

🎇 스크린샷

https://user-images.githubusercontent.com/80014673/209459524-f437d0aa-4541-4578-b1f5-b64eeb509b83.mov

💫 기타사항

✔ 체크리스트

• [x] 브랜치 전략에 맞는 브랜치에 PR을 올리고 있습니다. (master/main이 아닙니다.)
• [x] 커밋 메세지를 컨벤션에 맞추었습니다.
• [x] 변경 후 코드는 컴파일러/브라우저 warning/error 가 발생시키지 않습니다.
• [x] 변경 후 코드는 기존의 테스트를 통과합니다.
• [x] 테스트 추가가 필요한지 검토해보았고, 필요한 경우 테스트를 추가했습니다.
• [x] docs 수정이 필요한지 검토해보았고, 필요한 경우 docs를 수정했습니다.