AddressInput에 검색 버튼 추가

🤖 384 in / 509 out / 893 total tokens

주소 입력 컴포넌트에 돋보기 아이콘 검색 버튼을 추가했다. lucide-react에서 Search 아이콘을 임포트하고, 입력 필드 우측에 버튼을 배치했다. 기존 레이아웃을 건드리지 않으면서 자연스럽게 녹아들도록 absolute 포지션으로 처리했다. 간단한 변경이지만 사용자가 검색 가능하다는 것을 직관적으로 인지할 수 있어 UX가 한결 나아졌다.

import { MapPin, X, Loader2, Search } from 'lucide-react';
 
// 버튼 추가
<button
  type="submit"
  className="absolute right-4 top-1/2 -translate-y-1/2"
>
  <Search className="w-5 h-5 text-gray-400" />
</button>

아이콘 하나 추가했는데 훨씬 검색창다워 보인다. 작은 디테일이 의외로 큰 차이를 만든다.