[Feature] 사용자 경험 및 인증 처리 개선

[E0min]

설명

• 사용자 경험 개선: 데이터 로딩 중 시각적 피드백을 강화하기 위해 로딩 스피너를
  추가했습니다.
• 인증 처리 리팩토링: 인증 상태 관리 로직을 개선하여 불필요한 API 호출을
  방지하고, 로그아웃 시 즉각적인 UI 업데이트가 이루어지도록 수정했습니다.

---

주요 변경사항

• 로딩 스피너 추가 ([id]/page.tsx, app-sidebar.tsx):
  • [id]/page.tsx에서 질문 트리 데이터를 불러오는 동안 로딩 스피너를
    표시합니다.
  • app-sidebar.tsx에서 채팅 목록을 불러오는 동안 로딩 스피너를 표시합니다.
  • loading-spinner.tsx 컴포넌트를 새로 추가했습니다.
• 채팅 목록 정렬 (app-sidebar.tsx):
  • 채팅 목록을 생성일(createdAt) 기준 내림차순으로 정렬하여 사용자가 최신
    대화를 쉽게 찾을 수 있도록 개선했습니다.
• 인증 상태 관리 개선 (app-sidebar.tsx):
  • 인증 상태 로딩(isAuthLoading)을 추가하여, 인증 정보 확인 전까지 사이드바
    푸터의 사용자 정보 및 로그인/회원가입 버튼이 보이지 않도록 처리했습니다.
  • 로그아웃 시 useEffect 의존성을 이용하여 불필요한 fetchTopics API 호출을
    방지하고, 즉시 채팅 목록을 비웁니다.

---

관련 이슈

• [Refactor] 사용성 개선 작업 #24

---

테스트 방법

1. 채팅 페이지 로딩:
   • 채팅 페이지 (/) 접속 시, 질문 트리 데이터가 로딩되는 동안 로딩 스피너가 잘
     표시되는지 확인합니다.
2. 사이드바 로딩:
   • 로그인 상태에서 페이지 새로고침 시, 사이드바의 채팅 목록이 로딩되는 동안
     로딩 스피너가 잘 표시되는지 확인합니다.
3. 채팅 목록 정렬:
   • 사이드바의 채팅 목록이 최신순으로 잘 정렬되어 표시되는지 확인합니다.
4. 로그인/로그아웃:
   • 로그아웃 상태에서 로그인 페이지로 이동하여 로그인합니다.
   • 로그인 후 사이드바에 채팅 목록이 정상적으로 표시되는지 확인합니다.
   • 사이드바의 사용자 메뉴에서 로그아웃을 클릭합니다.
   • 로그아웃 후 사이드바의 채팅 목록이 즉시 사라지고, 로그인/회원가입 버튼이
     표시되는지 확인합니다.