💄 편지 작성 - 관계 설정 스크린 UI 추가

[ding-co]

📎 이슈번호

📃 변경사항

• 이름 기입 스크린에서 사용하는 아래 Button에 대해 2가지 종류의 버튼이 있어서, BottomButton 컴포넌트를 사용하지 않고 Button 컴포넌트 2개를 사용하여 Styled wrapping 컴포넌트로 구성
• 관계 설정 스크린 하단에 BottomButton 컴포넌트를 추가하고 다음 링크로 넘어가는 로직 작성

📌 중점적으로 볼 부분

• ReceiverNameForm 컴포넌트 - styled.ts
• RelationshipForm 컴포넌트

🎇 스크린샷

💫 기타사항

✔ 체크리스트

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

[ding-co]

제가 이 버튼을 처음 만들때는 하단에 붙여서만 쓸거 같아서 그렇게 했는데 지금 생각해보니 잘못한 것 같긴 하네요 바닥에 붙이는 속성 없이 버튼 자체만 공통 컴포넌트로 만들고 버튼을 사용하는 곳에서 바닥에 붙이거나 그것도 따로 공통 컴포넌트로 만드는게 좋을 것 같은데 혹시 어떻게 생각하시나요?

바닥에 붙이는 속성 없이 버튼 자체만 공통 컴포넌트로 만들고, 그것을 감싸는 styled component를 공통적으로 하나 만들어서 bottom에 사용하는 곳에 wrapper로 감싸면 좋을 것 같아요.