feat: 멤버 프로필 등록/수정 mds 적용

[simeunseo]

🤫 쉿, 나한테만 말해줘요. 이슈넘버

• close feat: 멤버 프로필 수정 mds 적용 #1716

🧐 어떤 것을 변경했어요~?

멤버 수정 폼 mds 적용

🤔 그렇다면, 어떻게 구현했어요~?

• TextField, TextArea, Select에 대해 모두 mds 컴포넌트로 교체
• Select의 경우 모바일에서는 BottomSheet로 반응형 처리
• 자잘한 디자인, 레이아웃 수정

❤️‍🔥 당신이 생각하는 PR포인트, 내겐 매력포인트.

files changed가 많은데, 자잘한 css 수정과 mds Select 적용을 위한 상수 수정 등이 대부분입니다. 이런 부분은 가볍게 봐주시고,
pc/mobile 반응형 UI에 문제가 없는지, 폼 수정 동작이 문제 없이 잘 동작하는지를 위주로 확인해주시면 좋을 것 같습니다!!

코드상에서 가장 영향이 있는 부분은 mds TextField/TextArea/Select 교체 부분일듯합니다. 이 또한 반복적인 코드여서 모두 확인하실 필요는 없어보입니다.
pc/모바일에서 각각 select/bottomsheet로 달라져야하는 부분과, pc에서는 textField인데 mobile에서는 textArea인 경우가 많아서 이는 전부 <Responsive>로 처리했습니다.
이 외 레이아웃 반응형에 대해서는 최대한 media query로 해결했습니다.

📸 스크린샷, 없으면 이것 참,, 섭섭한데요?

[height]

Link Height tasks by mentioning a task ID in the pull request title or commit messages, or description and comments with the keyword link (e.g. "Link T-123").

💡Tip: You can also use "Close T-X" to automatically close a task when the pull request is merged.

[github-actions]

✨✨ 스토리북으로 확인하기 ✨✨

• Build
• Preview

[github-actions]

🚀 프리뷰 배포 확인하기 🚀

https://784faee3.sopt-internal-dev.pages.dev

[seojisoosoo]

input 값이 비어져있을 때 0/15 이렇게 나와야할 것 같아요!
맨 처음에만 그렇고, input 내용 썼다 지우면 0/15로 잘 나옵니당

[seojisoosoo]

이렇게 셀렉트 박스가 아래쪽에 위치해있는 경우 박스가 멀리 떨어져있어요!

[seojisoosoo]

넘 고생하셨습니다!!! 코멘트 남긴 내용 한 번 확인 부탁드려용