feature: 온보딩 미완료 유저 로직 구현

[H-un1]

📌 관련 이슈번호

close : #118

🔍 구현한 내용

• 온보딩 과정 중 이탈한 유저에 대하여 로직 구현하였습니다.
  기기 검색 페이지에서 제품을 선택할 시 버튼이 맞춤 설정하고 담기로 구현되어있습니다.

  feat: 온보딩 미완료 사용자 케이스 처리 및 UI 개선

  작업 내용 요약

  1. 온보딩 미완료 사용자 케이스 추가

  기존에는 로그인/로그아웃 2가지 케이스만 처리했으나,
  로그인했지만 온보딩을 완료하지 않은 사용자(GNB 이동, 이탈 등)에 대한 처리가 필요했습니다.

  구현 내용

  사용자 케이스별 버튼 동작:

  • 로그아웃 상태: "로그인하고 내 조합에 담기" → 로그인 페이지로 이동
  • 로그인 + 온보딩 미완료: "맞춤 설정하고 담기" → 온보딩 라이프스타일 선택 페이지로 이동
  • 로그인 + 온보딩 완료: "내 조합에 담기" → 기존 조합 담기 로직 실행

  변경 파일

  • src/utils/auth/authStorage.ts
    • hasCompletedOnboarding() 헬퍼 함수 추가
    • userProfile.lifestyleList로 온보딩 완료 여부 판단
  • src/pages/devices/DeviceSearchPage.tsx
    • 하드코딩된 authStatus 제거 → 동적 인증/온보딩 상태 체크로 변경
    • hasAuthTokens() + useGetUserProfile() 조합으로 로그인 상태 확인
    • getAddToCombinationConfig() 함수로 3가지 케이스 처리
    • 프로필 로딩 중 버튼 disabled 처리
  2. 별 아이콘 수직 정렬 수정 (design)

  배경

  조합 리스트와 기기 전체보기 모달에서 별 아이콘이 텍스트보다 살짝 아래에 위치하여 Mypage와 일관성이 없었습니다.

  구현 내용

  Mypage와 동일하게 -mt-2 클래스를 추가하여 별 아이콘을 2px 위로 올려 텍스트와 정렬했습니다.

📸 스크린샷 or 실행 영상

📢 리뷰어에게

테스트 시나리오

온보딩 케이스 테스트

1. 로그아웃 상태: "로그인하고 내 조합에 담기" 버튼 → /auth/login 이동 확인
2. 온보딩 미완료: "맞춤 설정하고 담기" 버튼 → /auth/onboarding/lifestyle 이동 확인
3. 온보딩 완료: "내 조합에 담기" 버튼 → 조합 선택/저장 정상 동작 확인

[github-actions]

✅ PREVIEW https://device-life-frontend-lkff-h5cyygxqo-yuminparks-projects.vercel.app

[waldls]

확인했습니다 수고하셨어요!!!

[Seony777]

고생하셨습니다! 다음 pr에서 제가 온보딩 여부 연동 완료하면 useAuth사용하셔서 나머지 수정하시면 될거 같습니다!