[TODO] 전원재 2021/11/08 chatting 기능 구현

### ISSUE
- Group: `client`
- Type:`feature`

### TODO
1. [ ] 채널이나 채팅을 눌렀을 때 그에 따른 채팅 id 값을 설정할 수 있게 해준다.
2. [ ] 글을 썼을 때 글과 함께 채팅 아이디, 프로필 사진, 그 때 시간이 같이 보이게 한다.
3. [ ] 새로운 친구나 채팅을 추가 할 때 id와 name등의 정보가 추가 될 수 있게한다.
4. [x] socket.io를 통해 실시간 통신 구현
1. [x] useContext를 통해 올라온 글을 받는다.
2. [x] useEffect와 socket.io를 통해 실시간으로 서버에 보낸다.
### Estimated time
### `5h`