Feature/fe/#106 add channel UI merge

[leedongyull]

📝 PR 개요

AddChannel 페이지 UI 구현 및 json 머지

---

🔍 변경 사항

UI 구현
Figma에 맞게 디자인 수정
tailwind 색상 추가
Layout 적용

---

✅ 체크리스트 (Checklist)

• 코드가 빌드 오류 없이 잘 작동하는지 확인
• 테스트가 통과하는지 확인
• 스타일 가이드와 일관성을 유지했는지 확인
• 관련 문서가 업데이트되었는지 확인 (선택 사항)
• 리뷰어가 이해할 수 있도록 주석이나 설명을 추가했는지 확인

---

🔄 관련 이슈 (Linked Issues)

#106 작업

---

📷 스크린샷 및 동영상 (선택 사항)

화면 GIF

사용자 5명 이상일때, 삭제 버튼 없어짐

mockData 이용해서 테스트 3번 사용자 삭제 시 4,5번 사용자가 3,4번으로 당겨짐
swagger 보니 사용자 구분은 이름으로 하고 id는 사용 안하는 것 같아서 인덱스 대용으로 구현했습니다!

---

참고사항

• 아직 경로 설정 컴포넌트 구현은 못했습니다 (지도 페이지와 연동해서 마커의 정보를 받아 와야함 + 받아 오면 디자인도 변경 돼야함)
• 따라서 아직 하단 Footer 버튼의 상태 변화도 구현하지 않았습니다!
• 추후 마커 설정 기능이 완료되면 추가할 예정입니다
• 상단 Header의 경우도 아직 뒤로가기 버튼이 구현되지 않아 없는 상태입니다
• 영상은 폰트가 적용되어 있지 않아 어색해 보일 수 있습니다!