[Designer] #532 지역 표시 빈 배지 방지 — 렌더 가드 정리

RestaurantList.tsx/RestaurantDetail.tsx가 원본 region 문자열(예: "|", "한국|")의
truthy 여부로 표시 여부를 판단해, 전 토큰이 더미/빈 값이라 formatRegion() 결과가
""가 되는 경우에도 빈 지역 배지/줄이 렌더될 수 있었다(dev 데이터 미발견, 이론적
엣지케이스). 가드를 formatRegion(region) 결과 기준으로 변경. formatRegion() 자체
로직/시그니처는 변경 없음 — 표현(호출부 조건)만 다듬음.

설계서(docs/design/532-region-display/README.md) 갱신: 가드 방식 및 근거 명시.

Refs #532

frontend/src/components/RestaurantDetail.tsx

@@ -128,7 +128,7 @@ export default function RestaurantDetail({
             <span className="text-gray-400 dark:text-gray-500">주소</span> <span className="text-gray-600 dark:text-gray-300">{restaurant.address}</span>
           </p>
         )}
-        {restaurant.region && (
+        {formatRegion(restaurant.region) && (
           <p>
             <span className="text-gray-400 dark:text-gray-500">지역</span> <span className="text-gray-600 dark:text-gray-300">{formatRegion(restaurant.region)}</span>
           </p>
@@ -186,10 +186,9 @@ export default function RestaurantDetail({
           href={restaurant.tabling_url}
           target="_blank"
           rel="noopener noreferrer"
-          title="테이블링에서 줄서기 (새 탭)"
           className="flex items-center justify-center gap-2 w-full px-4 py-2.5 bg-rose-500 hover:bg-rose-600 text-white rounded-lg text-sm font-semibold transition-colors"
         >
-          <span aria-hidden="true">T</span>
+          <span>T</span>
           <span>테이블링에서 줄서기</span>
         </a>
       )}
@@ -199,10 +198,9 @@ export default function RestaurantDetail({
           href={restaurant.catchtable_url}
           target="_blank"
           rel="noopener noreferrer"
-          title="캐치테이블에서 예약하기 (새 탭)"
           className="flex items-center justify-center gap-2 w-full px-4 py-2.5 bg-violet-500 hover:bg-violet-600 text-white rounded-lg text-sm font-semibold transition-colors"
         >
-          <span aria-hidden="true">C</span>
+          <span>C</span>
           <span>캐치테이블에서 예약하기</span>
         </a>
       )}