로그인은 버튼 하나가 아니라 네 영역이 이어진 흐름이다

UI 이벤트, NextAuth API, Provider 검증, 세션 반영이 차례로 맞물린다.

사용자 UI

로그인 버튼, 로그아웃 버튼, 현재 세션 표시를 분리한다.

signIn, signOut이 이동과 세션 변경을 시작한다.

OAuth 또는 Credentials가 사용자를 확인하고 결과를 돌려준다.

useSession과 보호 라우트가 새 상태를 기준으로 화면을 고른다.

점검 기준: 버튼 클릭 후 Provider, callbackUrl, 세션 UI, 보호 페이지까지 한 번에 이어져야 한다.