🚀 [기능개선][UX] 로그아웃 버튼 클릭 시 확인 Alert 추가

[Chuseok22]

📝 현재 문제점

• 현재 로그아웃 버튼 클릭 시 별도의 확인 과정 없이 즉시 로그아웃됩니다.
• 실수 클릭(오동작)으로 인한 예기치 않은 로그아웃 발생 가능성이 있으며, 사용자 경험(UX)이 저하됩니다.
• 접근성 측면에서도 중요한 파괴적 액션에 대한 명시적 확인 단계가 필요합니다.

🛠️ 해결 방안 / 제안 기능

• shadcn/ui의 AlertDialog 컴포넌트를 사용해 “로그아웃 하시겠습니까?” 확인 모달을 표시합니다.

• 문구(한글화):

  • Title: 로그아웃 하시겠습니까?
  • Description(선택): 로그아웃 시 현재 세션이 종료됩니다.
  • Cancel 버튼: 취소
  • Action 버튼: 로그아웃 (destructive 스타일 권장)

• 동작:

  • AlertDialogTrigger를 기존 로그아웃 버튼에 감싸서 트리거로 사용
  • AlertDialogAction 클릭 시 기존 로그아웃 로직(예: logout() 또는 signOut() 호출) 실행
  • AlertDialogCancel 클릭 또는 Esc/오버레이 클릭 시 모달 닫힘

• 접근성/UX:

  • 포커스 트랩, 첫 요소 자동 포커싱 확인
  • 키보드 조작(Enter/Space/ESC) 정상 동작 검증

• 재사용/고도화 제안:

  • 동일 패턴의 파괴적 액션에 재활용 가능하도록 ConfirmDialog 래퍼 또는 훅(useConfirmDialog)으로 일반화

🙋‍♂️ 담당자

• 백엔드: 이름
• 프론트엔드: @Chuseok22
• 디자인: 이름