fix: 정보 화면 버튼을 공통 Lumen 계열로 통일

세력도시·세력정보·현재도시·내 정보·인사부·외교부의 raised control을 공통 semantic button family에 연결한다. 화면별 크기와 색상은 유지하고 실제 Chromium 상태 geometry 회귀를 추가한다.

app/game-frontend/src/views/NationInfoView.vue

@@ -27,7 +27,15 @@ onMounted(async () => {
         <table class="legacy-table title-table legacy-bg0">
             <tbody>
                 <tr>
-                    <td>세 력 정 보<br /><button type="button" @click="router.push('/')">돌아가기</button></td>
+                    <td>
+                        세 력 정 보<br /><button
+                            class="legacy-button legacy-button--navigation"
+                            type="button"
+                            @click="router.push('/')"
+                        >
+                            돌아가기
+                        </button>
+                    </td>
                 </tr>
             </tbody>
         </table>
@@ -110,7 +118,11 @@ onMounted(async () => {
         <table class="legacy-table footer-table legacy-bg0">
             <tbody>
                 <tr>
-                    <td><button type="button" @click="router.push('/')">돌아가기</button></td>
+                    <td>
+                        <button class="legacy-button legacy-button--navigation" type="button" @click="router.push('/')">
+                            돌아가기
+                        </button>
+                    </td>
                 </tr>
                 <tr>
                     <td class="credit">삼국지 모의전투 HiDCHe / KOEI의 이미지를 사용했습니다 / 제작: Hide.D</td>
@@ -167,15 +179,6 @@ onMounted(async () => {
 .history {
     text-align: left !important;
 }
-.title-table button,
-.footer-table button {
-    border: 0;
-    border-radius: 3px;
-    padding: 8px 12px;
-    background: #345c85;
-    color: #fff;
-    cursor: pointer;
-}
 .credit {
     padding: 0 !important;
 }