ログアウト機能の実装

[vintage-luvu]

概要

/api/v1/logoutへ遷移してバックエンドに処理を委譲する方式を実装

変更内容

• src/components/Header.tsxでログアウトボタンの onClick で onLogout を呼ぶように変更
• src/App.tsxでhandleLogout を追加し、window.location.href = '/api/v1/logout' へ遷移するよう実装

影響範囲

• 画面右上（Header）のログアウトボタンの挙動が変更されます
  • 変更前：フロント側の状態更新等（実装依存）
  • 変更後：常に /api/v1/logout へ遷移
• Header コンポーネントのPropsに onLogout が追加されるため、Header を利用している箇所の型に影響する可能性があります

テスト

• 動作手順：

1. フロントエンドを起動（npm run dev）
2. 画面右上の「ログアウト」をクリック

• 動作結果：

1. ブラウザが /api/v1/logout に遷移することを確認
2. バックエンド未起動の場合エラーとなるが、フロント側の導線（遷移処理）が正しく発火していることを確認

[Git-Yuya]

特に問題はなかったのですが、ログインとログアウトのエンドポイントをこちらで修正しました。