#340 feat: 일정 상세 UI 수정

[yezzan9]

1. 무슨 이유로 코드를 변경했나요?

#340 을 구현했습니다

2. 어떤 위험이나 장애를 발견했나요?

수정사항이 많아서 전부 반영했다가는 PR이 말도 안되게 커질 것 같아 일단 완성한 부분 먼저 올립니다,,
추후 수정 PR을 새로 올리도록 하겠습니다

3. 관련 스크린샷을 첨부해주세요.

2025-01-30.3.30.42.mov

4. 완료 사항

전반적인 일정 상세 페이지 관련 UI 수정을 완료했습니다
다만, 아직 디자인이 확정된 것이 아니라 조금씩 수정되고, 추가될 수 있습니다

기수 드롭다운의 경우 api 연결이 추가로 필요합니다. 현재는 프론트 코드 내에서 입력해둔 상태입니다

common 파일 내에 공통 모달 컴포넌트를 구현해두었습니다.
정말 기본적인 css만 구현이 되어있고, children props를 전달하여 내용은 자유롭게 커스텀 가능합니다

회색 배경 모달, 폰트 컬러 흰색, 모달 오픈 시 배경 어두워지고 블러

따라서 삭제 모달 만들 때도 해당 컴포넌트 사용하여 삭제 모달 만드시면 될 것 같습니다!

5. 추가 사항