zustand를 사용하여 전역으로 toggle 값을 관리하여 클릭 이벤트 활성화 및 비활성화 구현
기존)
.remoteParticipantOverlay > .remoteCam {
width: 100%;
height: 100%;
cursor: pointer;
}
변경)
.remoteParticipantOverlay > .remoteCam {
width: 100%;
height: 100%;
}
조건부 스타일링)
className={`${S.remoteCam} ${isOverlay ? "cursor-pointer" : ""}`}