홈 탭 장르 카드 UI + Tabler Icons 적용 + 지역 필터 추가

- 홈 탭: 장르 가로 스크롤 카드 (Tabler Icons 픽토그램)
- 홈 탭: 가격/지역/내위치 필터 2줄 배치
- 리스트 탭: 기존 바텀시트 필터 UI 유지
- cuisine-icons: Tabler 아이콘 매핑 추가 (getTablerCuisineIcon)
- 드래그 스크롤 장르 카드에 적용
- 배포 가이드 문서 추가

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

frontend/src/lib/cuisine-icons.ts

@@ -1,49 +1,154 @@
 /**
- * Cuisine type → Material Symbols icon name mapping.
+ * Cuisine type → icon mapping.
+ * Material Symbols icon name for RestaurantList (existing usage).
+ * Tabler icon component name for genre card chips (home tab).
+ *
  * Works with "대분류|소분류" format (e.g. "한식|국밥/해장국").
  */
 
+// ── Material Symbols (for RestaurantList etc.) ──
+
 const CUISINE_ICON_MAP: Record<string, string> = {
   "한식": "rice_bowl",
   "일식": "set_meal",
-  "중식": "ramen_dining",
+  "중식": "skillet",
   "양식": "dinner_dining",
-  "아시아": "ramen_dining",
+  "아시아": "restaurant",
   "기타": "flatware",
 };
 
-// Sub-category overrides for more specific icons
 const SUB_ICON_RULES: { keyword: string; icon: string }[] = [
-  { keyword: "회/횟집", icon: "set_meal" },
-  { keyword: "해산물", icon: "set_meal" },
+  { keyword: "백반/한정식", icon: "rice_bowl" },
+  { keyword: "국밥/해장국", icon: "soup_kitchen" },
+  { keyword: "찌개/전골/탕", icon: "outdoor_grill" },
   { keyword: "삼겹살/돼지구이", icon: "kebab_dining" },
-  { keyword: "소고기/한우구이", icon: "kebab_dining" },
-  { keyword: "곱창/막창", icon: "kebab_dining" },
+  { keyword: "소고기/한우구이", icon: "local_fire_department" },
+  { keyword: "곱창/막창", icon: "local_fire_department" },
   { keyword: "닭/오리구이", icon: "takeout_dining" },
-  { keyword: "스테이크", icon: "kebab_dining" },
+  { keyword: "족발/보쌈", icon: "stockpot" },
+  { keyword: "회/횟집", icon: "phishing" },
+  { keyword: "해산물", icon: "set_meal" },
+  { keyword: "분식", icon: "egg_alt" },
+  { keyword: "면", icon: "ramen_dining" },
+  { keyword: "죽/죽집", icon: "soup_kitchen" },
+  { keyword: "순대/순대국", icon: "soup_kitchen" },
+  { keyword: "장어/민물", icon: "phishing" },
+  { keyword: "주점/포차", icon: "local_bar" },
+  { keyword: "파인다이닝/코스", icon: "auto_awesome" },
+  { keyword: "스시/오마카세", icon: "set_meal" },
+  { keyword: "라멘", icon: "ramen_dining" },
+  { keyword: "돈카츠", icon: "lunch_dining" },
+  { keyword: "텐동/튀김", icon: "tapas" },
+  { keyword: "이자카야", icon: "sake" },
+  { keyword: "야키니쿠", icon: "kebab_dining" },
+  { keyword: "카레", icon: "skillet" },
+  { keyword: "소바/우동", icon: "ramen_dining" },
+  { keyword: "중화요리", icon: "skillet" },
+  { keyword: "마라/훠궈", icon: "outdoor_grill" },
+  { keyword: "딤섬/만두", icon: "egg_alt" },
+  { keyword: "양꼬치", icon: "kebab_dining" },
+  { keyword: "파스타/이탈리안", icon: "dinner_dining" },
+  { keyword: "스테이크", icon: "restaurant" },
   { keyword: "햄버거", icon: "lunch_dining" },
   { keyword: "피자", icon: "local_pizza" },
+  { keyword: "프렌치", icon: "auto_awesome" },
+  { keyword: "바베큐", icon: "outdoor_grill" },
+  { keyword: "브런치", icon: "brunch_dining" },
+  { keyword: "비건/샐러드", icon: "eco" },
+  { keyword: "베트남", icon: "ramen_dining" },
+  { keyword: "태국", icon: "restaurant" },
+  { keyword: "인도/중동", icon: "skillet" },
+  { keyword: "동남아기타", icon: "restaurant" },
+  { keyword: "치킨", icon: "takeout_dining" },
   { keyword: "카페/디저트", icon: "coffee" },
   { keyword: "베이커리", icon: "bakery_dining" },
-  { keyword: "치킨", icon: "takeout_dining" },
-  { keyword: "주점/포차", icon: "local_bar" },
-  { keyword: "이자카야", icon: "sake" },
-  { keyword: "라멘", icon: "ramen_dining" },
-  { keyword: "국밥/해장국", icon: "soup_kitchen" },
-  { keyword: "분식", icon: "ramen_dining" },
+  { keyword: "뷔페", icon: "brunch_dining" },
+  { keyword: "퓨전", icon: "auto_awesome" },
 ];
 
 const DEFAULT_ICON = "flatware";
 
 export function getCuisineIcon(cuisineType: string | null | undefined): string {
   if (!cuisineType) return DEFAULT_ICON;
-
-  // Check sub-category first
   for (const rule of SUB_ICON_RULES) {
     if (cuisineType.includes(rule.keyword)) return rule.icon;
   }
-
-  // Fall back to main category (prefix before |)
   const main = cuisineType.split("|")[0];
   return CUISINE_ICON_MAP[main] || DEFAULT_ICON;
 }
+
+// ── Tabler Icons (for genre card chips) ──
+// Returns Tabler icon component name (PascalCase without "Icon" prefix)
+
+const TABLER_CUISINE_MAP: Record<string, string> = {
+  "한식": "BowlChopsticks",
+  "일식": "Fish",
+  "중식": "Soup",
+  "양식": "Pizza",
+  "아시아": "BowlSpoon",
+  "기타": "Cookie",
+};
+
+const TABLER_SUB_RULES: { keyword: string; icon: string }[] = [
+  // 한식
+  { keyword: "백반/한정식", icon: "BowlChopsticks" },
+  { keyword: "국밥/해장국", icon: "Soup" },
+  { keyword: "찌개/전골/탕", icon: "Cooker" },
+  { keyword: "삼겹살/돼지구이", icon: "Meat" },
+  { keyword: "소고기/한우구이", icon: "Grill" },
+  { keyword: "곱창/막창", icon: "GrillFork" },
+  { keyword: "닭/오리구이", icon: "Meat" },
+  { keyword: "족발/보쌈", icon: "Meat" },
+  { keyword: "회/횟집", icon: "Fish" },
+  { keyword: "해산물", icon: "Fish" },
+  { keyword: "분식", icon: "EggFried" },
+  { keyword: "면", icon: "BowlChopsticks" },
+  { keyword: "죽/죽집", icon: "BowlSpoon" },
+  { keyword: "순대/순대국", icon: "Soup" },
+  { keyword: "장어/민물", icon: "Fish" },
+  { keyword: "주점/포차", icon: "Beer" },
+  { keyword: "파인다이닝/코스", icon: "GlassChampagne" },
+  // 일식
+  { keyword: "스시/오마카세", icon: "Fish" },
+  { keyword: "라멘", icon: "Soup" },
+  { keyword: "돈카츠", icon: "Meat" },
+  { keyword: "텐동/튀김", icon: "EggFried" },
+  { keyword: "이자카야", icon: "GlassCocktail" },
+  { keyword: "야키니쿠", icon: "Grill" },
+  { keyword: "카레", icon: "BowlSpoon" },
+  { keyword: "소바/우동", icon: "BowlChopsticks" },
+  // 중식
+  { keyword: "중화요리", icon: "Soup" },
+  { keyword: "마라/훠궈", icon: "Pepper" },
+  { keyword: "딤섬/만두", icon: "Egg" },
+  { keyword: "양꼬치", icon: "Grill" },
+  // 양식
+  { keyword: "파스타/이탈리안", icon: "BowlSpoon" },
+  { keyword: "스테이크", icon: "Meat" },
+  { keyword: "햄버거", icon: "Burger" },
+  { keyword: "피자", icon: "Pizza" },
+  { keyword: "프렌치", icon: "GlassChampagne" },
+  { keyword: "바베큐", icon: "GrillSpatula" },
+  { keyword: "브런치", icon: "EggFried" },
+  { keyword: "비건/샐러드", icon: "Salad" },
+  // 아시아
+  { keyword: "베트남", icon: "BowlChopsticks" },
+  { keyword: "태국", icon: "Pepper" },
+  { keyword: "인도/중동", icon: "BowlSpoon" },
+  { keyword: "동남아기타", icon: "BowlSpoon" },
+  // 기타
+  { keyword: "치킨", icon: "Meat" },
+  { keyword: "카페/디저트", icon: "Coffee" },
+  { keyword: "베이커리", icon: "Bread" },
+  { keyword: "뷔페", icon: "Cheese" },
+  { keyword: "퓨전", icon: "Cookie" },
+];
+
+export function getTablerCuisineIcon(cuisineType: string | null | undefined): string {
+  if (!cuisineType) return "Bowl";
+  for (const rule of TABLER_SUB_RULES) {
+    if (cuisineType.includes(rule.keyword)) return rule.icon;
+  }
+  const main = cuisineType.split("|")[0];
+  return TABLER_CUISINE_MAP[main] || "Bowl";
+}