fix: 공개 지도 미리보기 정보를 간결하게 정리

서버 탭 아래 중복 이름과 내부 지도 테마명을 제거하고 런타임 상태를 하단 요약으로 옮긴다. 연월은 레거시 지도 제목과 같은 20px 중앙 띠로 표시하고 데스크톱·모바일 Chromium 검증을 보강한다.

app/gateway-frontend/src/components/MapPreview.vue

@@ -276,8 +276,7 @@ const stateClass = (state: number): string => {
 
 <template>
     <div class="map-preview" :class="`map-preview-${props.mode}`">
-        <div class="map-preview-header">
-            <span class="map-preview-title">{{ props.mapLayout.mapName }}</span>
+        <div class="map-preview-date-bar">
             <span class="map-preview-date">{{ props.mapData.year }}년 {{ props.mapData.month }}월</span>
         </div>
         <div ref="mapBody" class="map-preview-body" :style="{ backgroundImage: `url('${mapBackground}')` }">
@@ -358,18 +357,22 @@ const stateClass = (state: number): string => {
     width: min(100%, 700px);
     margin-inline: auto;
     flex-direction: column;
-    gap: 6px;
 }
 
-.map-preview-header {
+.map-preview-date-bar {
     display: flex;
-    justify-content: space-between;
-    font-size: 0.7rem;
-    color: rgba(232, 221, 196, 0.7);
+    height: 20px;
+    justify-content: center;
+    background: #000;
+    color: rgba(232, 221, 196, 0.82);
 }
 
-.map-preview-title {
-    font-weight: 600;
+.map-preview-date {
+    display: block;
+    width: 160px;
+    font-size: 14px;
+    line-height: 20px;
+    text-align: center;
 }
 
 .map-preview-body {