Codecast 헤더, 사이드바, 파일 선택, 프리뷰, 채팅창 업데이트

[sojeongP0415]

변경 사항

헤더 (CodecastHeader)

• 방송 제목 수정 기능 추가 (제목 옆 수정 아이콘 → 인라인 편집 가능)

에디터 (CodeEditor)

• 실행 버튼 옆에 코드 시각화 버튼 추가 (현재 두 버튼 다 미구현 알림)

사이드바 (CodecastSidebar)

• 참여자 목록 → 프로필 이미지(없으면 기본 원) + 이름 + 역할 아이콘 순으로 표시
• 각 참여자 끝에 … 메뉴 추가 → 권한 변경 / 강퇴 가능
• 사이드바 상단에 채팅창 열기 버튼 아이콘 추가

파일 선택 모달 (FilePickerModal)

• 기존 파일 목록 위에 새 파일 작성하기 옵션 추가
• 새 파일 작성 → 제목 입력 + 언어 선택 (python/java/c/c++/javascript)
• 언어 선택 시 자동으로 파일 확장자 붙여 생성
• 새 파일 생성 시 프리뷰는 빈 상태로 표시되며, 코드 작성 시 즉시 반영

프리뷰 리스트 (CodePreviewList)

• 파일 미선택 시: "파일 미선택 / 코드 없음"
• 기존 파일 선택 시: 내용 일부(최대 120자) 표시
• 새 파일 선택 시: 빈 상태로 표시 → 코드 입력하면 실시간 반영

라이브 메인 페이지 (CodecastLive)

• 참여자별 파일/코드/단계(empty/editing) 상태 관리
• 하단 프리뷰 리스트에서 사용자 전환 시 코드 반영
• 사이드바에서 채팅 아이콘 클릭 시 채팅창 패널 오픈

기타

• 현재 모든 데이터는 더미 데이터 사용중
• 다크 모드 대응 스타일 보완
• 채팅 입력 테스트 가능