💄 Profile button on the header

[young-52]

📝 작업 내용

• 헤더의 '로그아웃' 버튼을 프로필 아바타 버튼으로 대체하였습니다.
• 이 과정에서 shadcn UI를 추가하였습니다. 이미 만들어진 컴포넌트를 가져와서 쓸 수 있습니다!
  • 자세한 내용은 shadcn/ui 문서를 참조하세요.
  • 이외에도 shadcn에서 커스텀 훅, 아이콘 등을 제공하니 shadcn.io를 확인해보시면 좋을 듯합니다.
• ./src 경로의 별칭을 @으로 설정하였습니다. 이제 아래와 같이 경로를 작성할 수 있습니다.
  • 예: ../hooks/useAuth → @/src/hooks/useAuth
  • 기존의 상대 경로 방식도 여전히 사용 가능합니다.
• shadcn UI를 사용하려면 tw-animate-css 라이브러리가 필요한데, knip가 이 라이브러리를 사용되지 않은 것으로 인식한다는 문제가 있었습니다. 이 문제를 해결하기 위해 knip.json을 새로 만든 다음, knip가 tw-animate-css를 강제로 무시하도록 설정했습니다.

📸 스크린샷 (선택)

• 로그인 상태
  
• 로그아웃 상태
  

🚀 리뷰 요구사항 (선택)

없음

[jun-0411]

shadcn UI 사용하는거 좋아보이네요!