[Feat] 마이도도 회원정보 수정 및 로그아웃/탈퇴 UI 연동

[sooloin]

💻 구현할 기능

• 마이도도 페이지에 회원정보 수정 화면을 구현
• 마이도도 페이지에 로그아웃 화면을 구현
• 로그아웃 화면 하단에 탈퇴하기 카드 레이아웃과 탈퇴 플로우를 함께 배치
• 회원정보 조회/수정, 로그아웃, 탈퇴 인증 메일 발송, 최종 회원 탈퇴 API를 각각 연동

🛠️ 기술 스펙 (선택 사항)

• 마이도도 메뉴에는 이미 profile-edit, logout 키가 존재함
• 현재 GET /users/me API와 UserProfile 타입은 이미 존재함
• 토큰 저장/삭제 유틸(clearTokens, getRefreshToken)이 이미 존재하므로 로그아웃 구현 시 재사용 가능
• 로그아웃은 POST /auth/logout
  • Body: { refreshToken: string }
• 회원 탈퇴는 2단계
  • 인증 메일 발송: POST /users/me/withdrawal/email
  • 최종 탈퇴: DELETE /users/me
    • Body: { authCode: string }

✅ 세부 작업 목록 (To-Do)

• 마이도도 회원정보 수정 화면 UI 구현
• GET /users/me 연동으로 초기 프로필 정보 조회
• PATCH /users/me 연동으로 닉네임, 지역, 가족 여부 수정 기능 구현
• 수정 성공/실패 상태 메시지 처리
• 닉네임 길이(2~10), 지역 길이(max 50) 등 입력값 검증 반영
• 마이도도 로그아웃 화면 UI 구현
• POST /auth/logout 연동
• 로그아웃 성공 시 토큰 및 사용자 세션 정보 정리
• 로그아웃 화면 하단에 탈퇴하기 카드 레이아웃 배치
• POST /users/me/withdrawal/email 연동으로 탈퇴 인증 메일 발송
• 인증번호 입력 UI 구현
• DELETE /users/me 연동으로 최종 회원 탈퇴 처리
• 각 API별 예외 케이스(401, 404, 409, 429, 500 등) 대응 문구 처리

🏁 완료 조건 (Acceptance Criteria)

• 마이도도에서 현재 로그인한 사용자의 프로필 정보를 조회할 수 있다.
• 사용자는 닉네임, 지역, 가족 여부를 수정할 수 있다.
• 회원정보 수정 성공 시 최신 정보가 화면에 반영된다.
• 중복 닉네임 등 서버 에러 상황이 사용자에게 명확히 안내된다.
• 사용자는 로그아웃 버튼으로 정상 로그아웃할 수 있다.
• 로그아웃 시 access/refresh 관련 세션 정보가 정리된다.
• 로그아웃 화면 하단에 탈퇴하기 카드가 노출된다.
• 사용자는 탈퇴 인증 메일을 발송할 수 있다.
• 사용자는 6자리 인증번호 입력 후 최종 회원 탈퇴를 진행할 수 있다.
• 탈퇴 인증 메일 재요청 제한(429) 등 예외 상황이 처리된다.