검색창 버튼 요소 변경으로 UX 개선

🤖 389 in / 1723 out / 2112 total tokens

검색창을 버튼 요소로 변경하여 UX를 개선했다.

기존의 텍스트 입력 필드(input)를 버튼(button) 태그로 교체하여 클릭 영역을 명확히 했다. 사용자가 검색과 입력을 혼동하는 것을 방지하고 직관적인 인터페이스를 구현했다. 버튼 스타일 적용으로 디자인의 일관성도 확보했다.

<button
  onClick={() => setSearchOverlayOpen(true)}
  className="w-full px-4 py-3.5 pr-12 rounded-2xl text-base placeholder:text-gray-400 cursor-pointer"
>
  검색창
</button>

버튼 클릭 시 발생하는 이벤트 로직을 확인해야 한다.