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

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

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

frontend/src/components/RestaurantDetail.tsx

@@ -5,6 +5,7 @@ import { api, getToken } from "@/lib/api";
 import type { Restaurant, VideoLink } from "@/lib/api";
 import ReviewSection from "@/components/ReviewSection";
 import { RestaurantDetailSkeleton } from "@/components/Skeleton";
+import Icon from "@/components/Icon";
 
 interface RestaurantDetailProps {
   restaurant: Restaurant;
@@ -60,7 +61,7 @@ export default function RestaurantDetail({
               }`}
               title={favorited ? "찜 해제" : "찜하기"}
             >
-              {favorited ? "♥" : "♡"}
+              <Icon name="favorite" size={20} filled={favorited} />
             </button>
           )}
           {restaurant.business_status === "CLOSED_PERMANENTLY" && (
@@ -78,7 +79,7 @@ export default function RestaurantDetail({
           onClick={onClose}
           className="text-gray-400 hover:text-gray-600 dark:hover:text-gray-200 text-xl leading-none"
         >
-          x
+          <Icon name="close" size={18} />
         </button>
       </div>
 
@@ -197,7 +198,7 @@ export default function RestaurantDetail({
                 <div className="flex items-center gap-2 mb-1">
                   {v.channel_name && (
                     <span className="inline-flex items-center gap-1 px-1.5 py-0.5 bg-red-100 dark:bg-red-900/40 text-red-600 dark:text-red-400 rounded text-[10px] font-semibold">
-                      <span className="text-[9px]">▶</span>
+                      <Icon name="play_circle" size={11} filled className="text-red-400" />
                       {v.channel_name}
                     </span>
                   )}
@@ -213,9 +214,7 @@ export default function RestaurantDetail({
                   rel="noopener noreferrer"
                   className="inline-flex items-center gap-1.5 text-sm font-medium text-red-600 dark:text-red-400 hover:underline"
                 >
-                  <svg viewBox="0 0 24 24" className="w-4 h-4 flex-shrink-0 fill-current" aria-hidden="true">
-                    <path d="M23.5 6.2c-.3-1-1-1.8-2-2.1C19.6 3.5 12 3.5 12 3.5s-7.6 0-9.5.6c-1 .3-1.7 1.1-2 2.1C0 8.1 0 12 0 12s0 3.9.5 5.8c.3 1 1 1.8 2 2.1 1.9.6 9.5.6 9.5.6s7.6 0 9.5-.6c1-.3 1.7-1.1 2-2.1.5-1.9.5-5.8.5-5.8s0-3.9-.5-5.8zM9.5 15.5V8.5l6.3 3.5-6.3 3.5z"/>
-                  </svg>
+                  <Icon name="play_circle" size={16} filled className="flex-shrink-0" />
                   {v.title}
                 </a>
                 {v.foods_mentioned.length > 0 && (