[Feature] 댓글/열람권 API 연동 및 UI/UX 개선

[wngktjd13]

🎯 Purpose

• 댓글 시스템 API 연동 및 UI/UX 개선
• 열람권 API 연동 및 모달 UI 추가
• 투표 수정 기능 정상화
• 전반적인 UI 색상 통일 및 일관성 확보

🧩 Tasks

댓글 API 연동

• 댓글 목록 조회 API 연동 (GET /questions/{questionId}/comments)
• 댓글/대댓글 작성 API 연동 (POST /comments)
• 댓글 삭제 API 연동 (DELETE /comments/{commentId})
• 댓글 좋아요/취소 API 연동 (POST/DELETE /comments/{commentId}/like)
• 댓글 신고 API 연동 (POST /comments/{commentId}/report)
• 사용자 차단 API 연동 (POST /comments/{commentId}/block)
• 삭제된 댓글 표시 처리 (USER 삭제 vs ADMIN 삭제 메시지 구분)
• 댓글 페이지네이션 (무한 스크롤) 구현
• 댓글 중복 작성 방지 로직 추가

열람권 API 연동

• 열람권 사용 API 연동 (POST /tickets/use)
• 질문 목록 페이지 열람권 사용 모달 추가
• 홈 페이지 Top 5 섹션 열람권 사용 모달 추가
• 종료된 질문(미참여) 클릭 시 열람권 사용 여부 확인
• 열람권 사용 후 프로필 갱신 (ticketCount 업데이트)

질문 상세 페이지 레이아웃 개선

• 질문 영역 상단 고정
• 댓글 목록 영역 스크롤 가능하게 변경
• 댓글 입력창 하단 고정

투표 기능 수정

• canChangeVote 필드 활용하여 투표 수정 가능 여부 처리
• 질문 상세 페이지 투표 버튼 로직 수정
• QuestionCard 컴포넌트 isVoteChangeable 로직 수정

UI 색상 통일

• 오늘의 질문 테두리 색상: border-primary/40
• 제출/투표 변경 버튼 색상: bg-primary/60
• "투표 후 확인" 뱃지 색상: text-primary/60

🔍 Reference

• 댓글 API 명세:
  • GET /questions/{questionId}/comments - 댓글 목록 조회
  • POST /comments - 댓글 작성
  • DELETE /comments/{commentId} - 댓글 삭제
  • POST /comments/{commentId}/like - 좋아요
  • DELETE /comments/{commentId}/like - 좋아요 취소
  • POST /comments/{commentId}/report - 신고
  • POST /comments/{commentId}/block - 차단
• 열람권 API 명세:
  • POST /tickets/use - 열람권 사용