feat(CLAP-181): 모바일뷰에서 핀컨테이너 터치이벤트 추가

[DaeWon9]

🔗 연관된 이슈

• 연관된 이슈 링크

📗 작업 내용

모바일뷰에서 핀컨테이너의 작동 로직 추가

이슈 내용

• 모바일뷰에서는 호버 이벤트의 부재로 핀컨테이너의 작동이 부자연스러운 이슈
• 핀이 노출되지 않았을때도, 핀의 위치를 터치했을때, 정보를 보여주는 모달이 노출되던 이슈
• 핀의 카드이미지보다 앞에 존재하여 카드위의 핀을 터치했을떄, 핀컨테이너의 상태가 바뀌지 않는 이슈

변경 사항

• 모바일 뷰에서 핀컨테이너를 터치하는 이벤트를 감지하여 핀 컨테이너의 상태가 바뀌도록 추가
• 이벤트 전파를 막아 핀컨테이너를 클릭해도 내부의 핀요소까지 이벤트가 전파되는 것을 방지
• 핀의 Line, WaveCircle에 해당하는 부분에 터치이벤트를 감지하여 핀 컨테이너의 상태가 바뀌도록 추가

2024-08-25.12.40.41.mov

✏️ 리뷰어 멘션

• @thgee

[github-actions]

Visit the preview URL for this PR (updated for commit e6995cf):

https://watermelon-clap--pr128-feat-clap-181-1ii5mytk.web.app

_{(expires Sun, 01 Sep 2024 03:50:25 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: de0a942c5b755c54117c0c98d9eeaa5a5c97c307}

[github-actions]

Finish "service" deployment!

[thgee]

모바일에서도 자연스럽게 애니메이션이 작동하도록 수정하였군요..!