[task] header (component)

### ISSUE
- Group: `client`
-Type: `feature`
-Detail: header bar(component)

### TODO
1. [ ] 로고
2. [ ] 로그인(로그아웃)
3. [ ] 회원가입(로그인 중에는 개인정보)
4. [ ] display-flex(반응형)

### Estimated time
>Pick one

### `1h`

クライアント側から始め、既存のヘッダーコンポーネントまたはフロントエンドのエントリーポイントを見つけます。列挙された logo、login/logout、signup、およびログイン済みユーザーの個人情報の状態を実装し、その後、ヘッダーがレスポンシブに flex レイアウトを使用していることを確認します。issue ではテストもファイルも指定されていません。

索引モデルが issue の本文から書いたものです。