메인 연결 페이지의 탭 종료와 복귀 동작 통일

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

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { usePageExit } from '../composables/usePageExit';
+
 import { useClockDisplay } from '../composables/useClockDisplay';
 const { mode: clockDisplayMode } = useClockDisplay();
 import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';
@@ -23,6 +25,8 @@ import {
     type ScreenMode,
 } from '../utils/screenModeViewport';
 
+const { pageExitLabel, exitPage } = usePageExit();
+
 const { success: showSuccessToast, error: showErrorToast } = useGameFeedback();
 type MyGeneralResponse = Awaited<ReturnType<typeof trpc.general.me.query>>;
 const data = ref<MyGeneralResponse | null>(null);
@@ -134,7 +138,9 @@ onBeforeUnmount(() => {
     <main id="interface-settings" class="legacy-page bg0 interface-settings-page">
         <div class="title-row">
             <span>환 경 설 정</span>
-            <RouterLink class="legacy-button legacy-button--navigation" to="/">돌아가기</RouterLink>
+            <button class="legacy-button legacy-button--navigation" type="button" @click="exitPage">
+                {{ pageExitLabel }}
+            </button>
         </div>
 
         <section class="settings-grid">