[Cam] WebRTC 쪽 코드 리팩토링 및 적절히 훅 분리 필요

src>components>Cam 하위의 컴포넌트들 전반적으로 코드 리팩토링 및 적절히 훅을 분리할 필요가 있음.

리액트 컴포넌트에서 socket 객체를 다루는 다른 클론코딩 사례를 검토하고 적절한 방식을 도입할것

## 컴포넌트 용도 설명
### CamList.tsx
여러 캠들을 가지고 있는 캠 컨테이너 컴포넌트로, 본인이 입장하는것과 다른 멤버가 입장하는 것들에 대한 처리를 이 컴포넌트에서 하고있음
### LocalCam.tsx
내 캠 화면 컴포넌트로, mute와 cam on/off 관리를 함
### RemoteCam.tsx
상대방 캠 화면 컴포넌트로, 재사용 가능하게(명수만큼 n번 이상 호출되게) 설계되었으며, 구글의 stun 서버를 이용해 peerConnection 하는 코드가 이 컴포넌트에서 관리되고있음.
### SignalingConenct.tsx
초기 진입시 캠 연결을 위한 signaling server 와의 sdp 교류 및 ice candidate 선정