feat: select info 페이지 개발 작업

[Soohyuniii]

ISSUE: #47

Pull requests

✅ 작업한 내용

• select Info(Form) Page 개발 작업
• useNavigate state를 통해 fastFriend/virtualFriend 구분
• Form Validation 구현(virtualFriend일 경우에만 이름 필수, MBTI 선택 validation, 관심사 복수 선택 validation)

- (fastFriend(빠른 대화) Validation)

- (virtualFriend(친구 저장) Validation)

❗️PR Point

• API 연동 필요(백로그 생성 완료 Feat: Select Info 페이지 내 API 연동 작업 #61)
• 버튼 사이즈 로직 확인이 어려워 디자인에 문의해둔 상태 (양쪽 마진값이 일정하지 않음)
• Header CSS, 값(prop) 작업 완료(백로그 생성하였으나, 해당 PR에서 진행 Style: Header 컴포넌트 내 반응형 추가 작업 #62)

1. Header 컴포넌트 내 CSS 반응형 추가
2. Header 컴포넌트 내 값을 prop으로 받아서 띄우도록 추가
3. Header 컴포넌트 내 좌측 부분에 뒤로 가기 버튼 추가

• 화면 전체에 대한 border 필요해보임,,

📸 스크린샷(alert는 녹화되지 않았음.)

• fastFriend일 경우

Screen_recording-2025-03-22_01-19-51.mp4

• virtualFriend일 경우

Screen_recording-2025-03-22_01-16-25.mp4

[junjeeong]

확인했습니다!