[FE] refactor: 검색 페이지 이슈 수정

[Leejin-Yang]

Issue

• close [FE] 검색어 입력 시 앞뒤 공백 처리, 진입 시 포커스 처리  #464

✨ 구현한 기능

• 검색어 앞, 뒤 공백 제거 후 요청
• 자동 완성 클릭 시 해당 상품으로 검색
• 검색 페이지 진입 시 검색창 포커스
• 검색창 placeholder 수정
  • 상품 검색 시 '상품 이름을 검색해보세요.'
  • 꿀조합 검색 시 '꿀조합에 포함된 상품을 입력해보세요.'
• 모바일에서 자동완성 창 안 뜨는 버그 해결 (바텀시트와 같은 이슈... fit-content....)

📢 논의하고 싶은 내용

x

🎸 기타

• 빠진 부분 있음 말해주십셔

⏰ 일정

• 추정 시간 : 2시간
• 걸린 시간 : 2시간

[github-actions]

Unit Test Results

2 tests   2 ✔️  7s ⏱️
1 suites  0 💤
1 files    0 ❌

Results for commit ca70d9e.

[xodms0309]

수고하셨습니다

[hae-on]

👍