[setting 창 컴포넌트] - header의 프로필 이미지 클릭할 경우 보여지는 창 구현

[live-small]

개요

https://github.com/Instagram-Clone-Coding/React_instagram_clone/issues/62

작업사항

• header의 프로필 클릭 시, 나오는 창 구현
• 프로필, 설정, 로그아웃 클릭 시 link 이동(프로필, 설정), api 호출(logout api) 대응
• useOutSideClick 커스텀 훅, 확장

주요 변경 로직

• 로그아웃 api 호출 -> refresh token만 삭제됨. access token은 알아서 삭제해야함.
  • 그래서, 로그아웃 api 호출이 성공할 경우, isLogin = false로 변경 -> route에서 isLogin 여부에 login 페이지로 이동하도록 구현