검색 자동완성 드롭다운이 배경과 겹쳐 보이던 문제 수정

🤖 1022 in / 818 out / 1840 total tokens

출발지/도착지 검색할 때 자동완성 드롭다운이 배경이랑 섞여서 구분이 안 됐다. 입력 필드도 배경이 투명해서 경계가 모호했고.

AddressInput 컴포넌트에서 드롭다운 z-index를 50에서 100으로 올렸다. 테두리도 1px에서 2px로 두껍게, 그림자도 강화했다. 입력 필드는 배경을 불투명하게 바꾸고 포커스 시 링 두께를 2px로 늘렸다.

SearchOverlay에서는 Route inputs 섹션의 z-index를 20에서 60으로 조정하고 명시적인 배경색을 적용했다. 다크모드에서도 문제없이 동작한다.

// AddressInput.tsx - 입력 필드
focus:ring-1 → focus:ring-2
 
// SearchOverlay.tsx - Route inputs 섹션
<div className="px-4 pt-3 pb-2 relative z-[60]" 
     style={{ backgroundColor: 'var(--bg-surface)' }}>