가이드라인, 시니어 추가 페이지 UI 수정

[Diwoni]

#️⃣ 연관된 이슈

ex) #113

📝 작업 내용

이번 PR에서 작업한 내용을 간략히 설명해주세요.(이미지 첨부 가능)

UI 수정

• 괜찮은 디자인이 생각나지 않아 일단 위치 조정과 등록되어있는 가이드라인,시니어 수를 보여주도록 추가했습니다.

수정 모드에서 취소 버튼 추가

• 수정 시 취소버튼이 없었어서 취소 버튼 추가했습니다. 수정 모드에서 이제 수정 취소 버튼으로 수정 모드를 취소할 수 있습니다.

삭제 버튼 기능

• 삭제 버튼 누를 시 사용자가 실수로 눌렀을 때를 대비해 window.confirm 메서드로 재차 확인시킬 수 있도록 했습니다.

스크린샷 (선택)

수정된 UI

💬 리뷰 요구사항(선택)

리뷰어가 특별히 봐주었으면 하는 부분이 있다면 작성해주세요

⏰ 현재 버그

✏ Git Close

close #113

[Dobbymin]

저는 멘토님의 이 말씀을 'api 관련 로직 이외에 다른 로직들도 커스텀 훅으로 작성할수 있을것 같다.' 라고 이해했는데, 제가 잘못이해했을수도 있어서 이 부분은 잘 생각해보고 판단하면 될 것 같네요!
일단 큰 이슈 없는것 같아서 일단 approve 눌러놓겠습니다.

[Dobbymin]

멘토님이 이렇게 chakra UI 를 styled로 정의하지 말라고 하시더라구요 ㅋㅋ.. 수정해야할듯합니다