검색창 readOnly 속성 제거로 직접 입력 가능하게 수정

🤖 381 in / 842 out / 1223 total tokens

검색창에서 텍스트를 직접 입력할 수 있도록 readOnly 속성을 제거했다.

기존에는 검색 입력창을 클릭하면 검색 오버레이만 열리고, 실제 텍스트 입력은 불가능했다. 사용자 입장에서는 입력창인데 타이핑이 안 되니 자연스럽지 않은 경험이었을 것. 이제 검색창에 직접 텍스트를 입력할 수 있게 되어 더 직관적인 UX를 제공한다.

추가로 className에 pr-12를 추가했는데, 입력창 우측에 아이콘이나 버튼 영역과 겹치지 않도록 패딩을 확보한 것으로 보인다.

<input
  type="text"
  placeholder="어디를 들를까? (예: 홍대입구역, 다이소)"
  onClick={() => setSearchOverlayOpen(true)}
  className="w-full px-4 py-3.5 pr-12 rounded-2xl text-base placeholder:text-gray-400 cursor-pointer"
/>

큰 변경은 아니지만, 사용자 경험을 고려한 작은 디테일 수정. 입력창은 입력할 수 있어야지.