카카오맵 스타일로 검색창/태그 상단 이동

🤖 847 in / 869 out / 1716 total tokens

모바일 UI를 카카오맵처럼 상단 중심 구조로 개선했다.

기존엔 검색창과 카테고리 태그가 분산되어 있었는데, 사용자 시선이 위로 몰리는 자연스러운 흐름으로 재배치했다. BottomQuickBar에서 QUICK_CATEGORIES 배열을 제거하고, page.tsx의 상단 검색바 영역으로 태그들을 통합했다.

이제 검색창 바로 아래에 카페, 편의점, 다이소 같은 빠른 카테고리가 노출된다. 코드 이동이 주를 이뤄 파일 간 책임이 더 명확해졌다.

// page.tsx - 상단 검색바에 카테고리 통합
{/* Mobile Search Bar - 카카오맵 스타일 (상단 고정) */}
<div className="md:hidden absolute top-4 inset-x-4 z-30 safe-top">
  {/* 검색창 + 카테고리 태그 */}
</div>

하단 바는 이제 진짜 '하단' 역할에 집중하면 된다.