💄 받은 편지 추가 페이지 UI

[KimGaeun0806]

📎 이슈번호

📃 변경사항

• 텍스트로 추가, 이미지로 추가 네비게이션 바 (AddNavigationBar 컴포넌트) 생성
• 네비게이션 바 클릭에 따라 텍스트로 추가, 이미지로 추가 달라짐
• AddText, AddImage 컴포넌트를 만들어서 네비게이션 바 클릭에 따라 그 부분을 교체할 수 있도록 함

📌 중점적으로 볼 부분

• 텍스트 추가 부분 textArea 스타일 적용 실패함.. (수정 후 다시 push 하겠습니다. 저 테두리 없애거나 색 바꾸는 방법 아시는 분 있으면 코멘트 부탁드립니다)

🎇 스크린샷

• 피그마

  

• 개발

  

💫 기타사항

• 이미지 추가 부분은 이미지 교체 예정이라고 되어있어서 일단 두었습니다

✔ 체크리스트

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

[Dongkyuuuu]

@KimGaeun0806 충돌나는 부분이 있는 것 같아요! 확인한번 부탁드립니다~