style: 이미지, 아이콘 파일 추가

[yunchaeney]

✏️ 작업 내용

• 전체 svg 코드의 width, height 속성 삭제
• caret, heart, sort 아이콘은 currentColor 속성 부여
• index.ts 파일을 사용하여 svg 파일 컴포넌트화
• svg 파일 사용을 위한 기타 설정

📷 스크린샷

✍️ 사용법

• 아래 이미지와 같이, @/public/icons @/public/images 경로로 import 합니다.
• 사용 시 width height 속성을 지정합니다.
  • 유동적인 크기 설정을 위해 모든 svg 코드에 size를 삭제하였습니다. default size는 svg 코드의 viewbox 를 참고하실 수 있습니다.
• caret, heart, sort 아이콘의 경우 color 속성을 지정합니다.

🎸 기타

• icons/edit 삭제

  • images/edit 과 유사한데, 피그마 상 ic/edit은 사용된 곳이 없고 전부 img/edit이 사용되었습니다.
  • 해당 이유로 icons/edit.svg 파일을 삭제하였습니다. 추후 필요 시 추가 가능합니다.

• 이미지의 파일 이름은 아래와 같습니다.

close #6