[ ViewProduct ] 필터 디테일 조정 및 애니메이션

[say-young516]

🔥 Related Issues

close #51

🎡 작업 내용

• [x] 레이아웃, 스타일 디테일 조정 & 코드 리팩토링
• [x] state 변화에 맞는 버튼 설정, section에 onclick 적용해서 클릭시 불편함 줄이기
• [x] 아이콘바, 필터 달라진 요소 반영

✅ PR Point

• interface 저렇게 쓰는 거 맞나요.. 제가 이거 서툴러가지구 한 번씩만 확인부탁드려요! (interface 이름, index.ts에 들어가는 거, 사용하는 방법 등등)
• 원래는 필터에 드롭다운 버튼을 클릭해야만 동작했는데 이렇게 하니까 나도 누르기 힘든데 사용자는 더 힘들 것 같아서..! 그냥 필터 섹션 이름이랑 아이콘 감싸는 컴포넌트에 적용시켰습니다
• 스타일링 코드나 로직 코드 모두 리팩토링 한 번 싹 했습니다 아직 잘 살펴보진 않았는데 혹시 더 깔끔한 로직이 있다면 추천부탁드려요~
• 애니메이션은 그냥 일단 누를 때만 동작되는데 대충 구현하고 자료 정리하면서 하고 다시 리뷰 부탁할 거라 신경쓰지 않아도 됩니다!

• 😡 Trouble Shooting

👀 스크린샷 / GIF / 링크

📚 Reference

• 서히 코드 (ToyList, ToyPreview..)