Material Symbols 아이콘 전환 + 로고 이미지 적용 + 테이블링 이름 유사도 체크

- 전체 인라인 SVG를 Google Material Symbols Rounded로 교체
- Icon 컴포넌트 추가, cuisine-icons 매핑 리팩토링
- Tasteby 핀 로고 이미지 적용 (라이트/다크 버전)
- 테이블링/캐치테이블 이름 유사도 체크 및 리셋 API 추가
- 어드민 페이지 리셋 버튼 추가

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

frontend/src/app/page.tsx

@@ -13,6 +13,7 @@ import RestaurantDetail from "@/components/RestaurantDetail";
 import MyReviewsList from "@/components/MyReviewsList";
 import BottomSheet from "@/components/BottomSheet";
 import { getCuisineIcon } from "@/lib/cuisine-icons";
+import Icon from "@/components/Icon";
 
 function useDragScroll() {
   const ref = useRef<HTMLDivElement>(null);
@@ -587,8 +588,11 @@ export default function Home() {
       {/* ── Header row 1: Logo + User ── */}
       <header className="bg-surface/80 backdrop-blur-md border-b dark:border-gray-800 shrink-0">
         <div className="px-5 py-3 flex items-center justify-between">
-          <button onClick={handleReset} className="text-lg font-bold whitespace-nowrap">
-            Tasteby
+          <button onClick={handleReset} className="shrink-0">
+            <picture>
+              <source srcSet="/logo-dark-80h.png" media="(prefers-color-scheme: dark)" />
+              <img src="/logo-80h.png" alt="Tasteby" className="h-7 md:h-8" />
+            </picture>
           </button>
 
           {/* Desktop: search + filters */}
@@ -603,7 +607,7 @@ export default function Home() {
                 className="p-1.5 text-gray-500 dark:text-gray-500 hover:text-brand-500 dark:hover:text-brand-400 transition-colors"
                 title="초기화"
               >
-                <svg viewBox="0 0 24 24" className="w-4.5 h-4.5 fill-current"><path d="M17.65 6.35A7.958 7.958 0 0012 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0112 18c-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"/></svg>
+                <Icon name="refresh" size={18} />
               </button>
               <span className="text-xs text-gray-500 dark:text-gray-500 tabular-nums">
                 {filteredRestaurants.length}개
@@ -629,7 +633,7 @@ export default function Home() {
                         : "border-gray-200 dark:border-gray-700 text-gray-500 dark:text-gray-400 hover:border-rose-300 hover:text-rose-500"
                     }`}
                   >
-                    {showFavorites ? "♥ 내 찜" : "♡ 찜"}
+                    <Icon name="favorite" size={14} filled={showFavorites} className="mr-0.5" />{showFavorites ? "내 찜" : "찜"}
                   </button>
                   <button
                     onClick={handleToggleMyReviews}
@@ -689,7 +693,7 @@ export default function Home() {
                       }`}
                       style={{ width: "200px" }}
                     >
-                      <svg className="w-4 h-4 shrink-0 text-red-500" viewBox="0 0 24 24" fill="currentColor"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>
+                      <Icon name="play_circle" size={16} filled className="shrink-0 text-red-500" />
                       <div className="min-w-0 flex-1">
                         <p className={`text-xs font-semibold truncate ${
                           channelFilter === ch.channel_name ? "text-brand-600 dark:text-brand-400" : "dark:text-gray-200"
@@ -744,7 +748,7 @@ export default function Home() {
                     className="text-gray-400 hover:text-brand-500 transition-colors"
                     title="음식 필터 초기화"
                   >
-                    <svg viewBox="0 0 24 24" className="w-3 h-3 fill-current"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+                    <Icon name="close" size={12} />
                   </button>
                 )}
               </div>
@@ -803,7 +807,7 @@ export default function Home() {
                     className="text-gray-400 hover:text-brand-500 transition-colors"
                     title="지역 필터 초기화"
                   >
-                    <svg viewBox="0 0 24 24" className="w-3 h-3 fill-current"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+                    <Icon name="close" size={12} />
                   </button>
                 )}
               </div>
@@ -821,7 +825,7 @@ export default function Home() {
                   }}
                   className="flex items-center gap-1 rounded-lg px-2 py-1 bg-gray-50 dark:bg-gray-800/50 text-gray-500 dark:text-gray-400 hover:text-brand-500 transition-colors"
                 >
-                  <svg viewBox="0 0 24 24" className="w-3 h-3 fill-current"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+                  <Icon name="close" size={12} />
                   <span>전체보기</span>
                 </button>
               )}
@@ -855,7 +859,7 @@ export default function Home() {
                 }`}
                 title="내 위치 주변 식당만 표시"
               >
-                <svg viewBox="0 0 24 24" className="w-3.5 h-3.5 fill-current"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 010-5 2.5 2.5 0 010 5z"/></svg>
+                <Icon name="location_on" size={14} />
                 <span>{boundsFilterOn ? "내위치 ON" : "내위치"}</span>
               </button>
             </div>
@@ -873,7 +877,7 @@ export default function Home() {
                       : "border-gray-200 dark:border-gray-700 text-gray-500 dark:text-gray-400"
                   }`}
                 >
-                  {showFavorites ? "♥ 찜" : "♡ 찜"}
+                  <Icon name="favorite" size={14} filled={showFavorites} className="mr-0.5" />{showFavorites ? "찜" : "찜"}
                 </button>
                 <button
                   onClick={handleToggleMyReviews}
@@ -926,7 +930,7 @@ export default function Home() {
                   style={{ minWidth: "140px", maxWidth: "170px" }}
                 >
                   <div className="flex items-center gap-1.5">
-                    <svg className="w-3.5 h-3.5 shrink-0 text-red-500" viewBox="0 0 24 24" fill="currentColor"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>
+                    <Icon name="play_circle" size={14} filled className="shrink-0 text-red-500" />
                     <p className={`text-xs font-semibold truncate ${
                       channelFilter === ch.channel_name ? "text-brand-600 dark:text-brand-400" : "dark:text-gray-200"
                     }`}>{ch.channel_name}</p>
@@ -981,7 +985,7 @@ export default function Home() {
               </select>
               {(cuisineFilter || priceFilter) && (
                 <button onClick={() => { setCuisineFilter(""); setPriceFilter(""); }} className="text-gray-400 hover:text-brand-500">
-                  <svg viewBox="0 0 24 24" className="w-3.5 h-3.5 fill-current"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+                  <Icon name="close" size={14} />
                 </button>
               )}
               <span className="text-[10px] text-gray-400 ml-auto tabular-nums">{filteredRestaurants.length}개</span>
@@ -1030,7 +1034,7 @@ export default function Home() {
               )}
               {countryFilter && (
                 <button onClick={() => { setCountryFilter(""); setCityFilter(""); setDistrictFilter(""); setRegionFlyTo(null); }} className="text-gray-400 hover:text-brand-500">
-                  <svg viewBox="0 0 24 24" className="w-3.5 h-3.5 fill-current"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+                  <Icon name="close" size={14} />
                 </button>
               )}
               <button
@@ -1060,7 +1064,7 @@ export default function Home() {
                     : "border-gray-200 dark:border-gray-700 text-gray-500 dark:text-gray-400"
                 }`}
               >
-                <svg viewBox="0 0 24 24" className="w-3 h-3 fill-current"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 010-5 2.5 2.5 0 010 5z"/></svg>
+                <Icon name="location_on" size={12} />
                 <span>{boundsFilterOn ? "내위치 ON" : "내위치"}</span>
               </button>
             </div>
@@ -1238,22 +1242,12 @@ export default function Home() {
       <nav className="md:hidden fixed bottom-0 left-0 right-0 z-40 border-t dark:border-gray-800 bg-surface safe-area-bottom">
         <div className="flex items-stretch h-14">
             {([
-              { key: "home", label: "홈", icon: (
-                <svg viewBox="0 0 24 24" className="w-5 h-5 fill-current"><path d="M12 3l9 8h-3v9h-5v-6h-2v6H6v-9H3z"/></svg>
-              )},
-              { key: "list", label: "식당 목록", icon: (
-                <svg viewBox="0 0 24 24" className="w-5 h-5 fill-current"><path d="M3 4h18v2H3zm0 7h18v2H3zm0 7h18v2H3z"/></svg>
-              )},
-              { key: "nearby", label: "내주변", icon: (
-                <svg viewBox="0 0 24 24" className="w-5 h-5 fill-current"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg>
-              )},
-              { key: "favorites", label: "찜", icon: (
-                <svg viewBox="0 0 24 24" className="w-5 h-5 fill-current"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>
-              )},
-              { key: "profile", label: "내정보", icon: (
-                <svg viewBox="0 0 24 24" className="w-5 h-5 fill-current"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
-              )},
-            ] as { key: "home" | "list" | "nearby" | "favorites" | "profile"; label: string; icon: React.ReactNode }[]).map((tab) => (
+              { key: "home", label: "홈", iconName: "home" },
+              { key: "list", label: "식당 목록", iconName: "restaurant_menu" },
+              { key: "nearby", label: "내주변", iconName: "near_me" },
+              { key: "favorites", label: "찜", iconName: "favorite" },
+              { key: "profile", label: "내정보", iconName: "person" },
+            ] as { key: "home" | "list" | "nearby" | "favorites" | "profile"; label: string; iconName: string }[]).map((tab) => (
               <button
                 key={tab.key}
                 onClick={() => handleMobileTab(tab.key)}
@@ -1263,7 +1257,7 @@ export default function Home() {
                     : "text-gray-500 dark:text-gray-500"
                 }`}
               >
-                {tab.icon}
+                <Icon name={tab.iconName} size={22} filled={mobileTab === tab.key} />
                 <span className="text-[10px] font-medium">{tab.label}</span>
               </button>
             ))}