[Feat] #109 - WSSComponent 키워드 칩 구현

[onesunny2]

💡 Issue

#109

💭 Summary

다양한 키워드 칩 컴포넌트를 추가하고, 칩 이름을 역할 기반에서 생김새 기반으로 일관성 있게 정리했습니다. Figma 디자인에서 새로 받은 2종(PrimaryRemovable,
RectangleSelectable)도 함께 구현했습니다.

🔑 Key Changes

키워드칩 6종 구성

이름	외형
SoftKeywordChip	연한 톤 배경 + 보더 없음 (라벨만)
CountedKeywordChip	진한 채움 배경 + 라벨 + 카운트
CapsuleSelectableKeywordChip	캡슐 모양 토글 (선택 상태에 따라 외형 토글)
RectangleSelectableKeywordChip	둥근 사각형 토글 (선택 시 보더 + 보라 텍스트)
WhiteRemovableKeywordChip	흰 배경 + 보더 + X 버튼
PrimaryRemovableKeywordChip	연보라 배경 + 보더 + X 버튼

네이밍 정책 변경 (역할 기반 → 생김새 기반)

• LibraryKeywordChip → SoftKeywordChip
• PreferenceKeywordChip → CountedKeywordChip
• FilterKeywordChip → 1차 SelectableKeywordChip → 2차 CapsuleSelectableKeywordChip (Rectangle 형태 추가되면서 모양 prefix로 구분)
• SearchKeywordChip → 1차 CloseKeywordChip → 2차 WhiteRemovableKeywordChip (색 prefix로 신규 PrimaryRemovable과 구분)

기타 정리

• 액션 클로저 이름을 action 으로 통일 (onTap/onRetry 등을 제거)
• icKeywordCancel 이미지 에셋 추가
• WSSComponent의 중복 .lottie 의존성 제거 (Preview 빌드 시 Unexpected duplicate tasks — ProcessXCFramework Lottie.xcframework 에러 해결)

[onesunny2]

그 x 버튼 있는 제거 가능한 키워드의 버튼 클릭 영역을 제가 기획팀에 늦게 여쭤보아... 이 부분 확답오면 맞춰서 작업하고 머지 하겠습니닷

[Guryss]

@onesunny2
디자인 관련 구현 하실 때에는 앞으로 PR에 시뮬레이션 꼭! 첨부 부탁드립니다 ~