[Feat] 챗봇 API 연동

[KyeongJooni]

✨ 주요 변경사항

• 챗봇 API 연동 및 대화 기록 조회/메시지 전송 기능 구현
• LoadingFallback 공통 컴포넌트 추가
• 모달 오픈 시 스크롤바 레이아웃 시프트 수정
• Header 네비게이션 로직 분리
• 챗봇 플로팅 버튼 비로그인 시 로그인 모달 추가

---

📝 작업 상세 내용

챗봇 API 연동

• 대화 기록 조회 (useChatHistoryQuery)
• 메시지 전송 (useSendMessageMutation)

LoadingFallback 컴포넌트

• 스피너 + 메시지 형태의 공통 로딩 컴포넌트 추가
• ChatbotPage, KakaoLogin에 적용

스크롤바 레이아웃 시프트 수정

• useBodyScrollLock 훅에서 스크롤바 너비 계산 후 CSS 변수 설정
• Header, ChatbotFloatingButton에 --scrollbar-width 보정 적용

Header 리팩토링

• 네비게이션 상수 분리 (header.ts)
• 네비게이션 로직 훅 분리 (useHeaderNavigation)

---

✅ 체크리스트

• PR 본문에 Close #번호 추가
• 불필요한 주석, 디버깅 코드 제거
• 기능 테스트 및 정상 동작 확인
• 커밋컨벤션 / 코드컨벤션 준수

---

📸 스크린샷 (선택)

로그인 유도 모달

챗봇페이지

---

🔍 기타 참고사항

• macOS에서는 오버레이 스크롤바 사용으로 레이아웃 시프트가 발생하지 않을 수 있음
• 챗봇API 연결 자체는 되었지만 프롬프팅 확인 필요

---

🔗 관련 이슈

• Close [Feat] #84 - 챗봇 API 연동 #84

[github-actions]

PR 검증 결과

✅ TypeScript: 통과
✅ ESLint: 통과
✅ Prettier: 통과
✅ Test: 통과
✅ Build: 성공
Build Size: 5MB

[jwj0620gcu]

파일 명확하게 분리하셔서 코드 가독성이 좋고 확장성에도 좋은 것 같습니다!
수고하셨습니다!!!

[YeBeenChoi]

코드 보면서 많이 배워 갑니다...! 고생 많으셨어요! 👍👍

[github-actions]

PR 검증 결과

✅ TypeScript: 통과
✅ ESLint: 통과
✅ Prettier: 통과
✅ Test: 통과
✅ Build: 성공
Build Size: 5MB

[github-actions]

PR 검증 결과

✅ TypeScript: 통과
✅ ESLint: 통과
✅ Prettier: 통과
✅ Test: 통과
✅ Build: 성공
Build Size: 5MB