refactor(renderer): 更新顶部栏和主窗口页面布局

更改顶部栏按钮文本为“菜单”。在主窗口页面中，将按钮移动至卡片内，并添加直接进入看板的按钮，以改善用户界面和用户体验。

src/renderer/src/components/AppTopBar.vue

@@ -14,7 +14,7 @@
 
     <template #append>
       <div class="ga-4">
-        <v-btn @click="router.push('/mainWindow')">打开配置</v-btn>
+        <v-btn @click="router.push('/mainWindow')">菜单</v-btn>
       </div>
     </template>
   </v-app-bar>

src/renderer/src/pages/mainWindow.vue

@@ -1,13 +1,17 @@
 <template>
-  <v-container>
-    <v-row>
-      <v-col cols="12">
-        <h1>电视猪考试看板</h1>
+  <v-container class="main-container" fill-height>
+    <v-row justify="center" align="center">
+      <v-col cols="12" md="4">
+        <v-card class="pa-4" outlined>
+          <v-btn block color="primary" dark @click="openDialog"> 打开配置 </v-btn>
+          <p class="mt-2 text-center">打开 JSON 配置文件</p>
+        </v-card>
       </v-col>
-    </v-row>
-    <v-row>
-      <v-col cols="12">
-        <v-btn color="primary" dark @click="openDialog"> 打开配置 </v-btn>
+      <v-col cols="12" md="4" class="mt-4 mt-md-0">
+        <v-card class="pa-4" outlined>
+          <v-btn block color="success" dark @click="gotoInfoPage"> 直接进入看板 </v-btn>
+          <p class="mt-2 text-center">直接进入看板，将继续使用上次加载的配置</p>
+        </v-card>
       </v-col>
     </v-row>
   </v-container>
@@ -18,21 +22,39 @@ import { useRouter } from 'vue-router';
 import { useProfileStore } from '@renderer/stores/app';
 
 const globalStore = useProfileStore();
+const router = useRouter();
 
 function openDialog() {
   window.electron.ipcRenderer.send('prog:loadjson');
 }
 
+function gotoInfoPage() {
+  router.push('/infoPage');
+}
+
 window.electron.ipcRenderer.on('common:openFile', (event, message) => {
   console.log(message.data);
   const examData = JSON.parse(message.data);
   globalStore.$patch(examData);
   router.push('/infoPage');
 });
-
-const router = useRouter();
 </script>
 
 <style scoped>
-/* 根据需要添加额外的样式 */
+.main-container {
+  padding: 20px;
+  display: flex;
+  align-items: center;
+}
+.v-card {
+  width: 100%;
+  max-width: 300px;
+  margin: auto;
+}
+.v-btn {
+  height: 48px;
+}
+.text-center {
+  text-align: center;
+}
 </style>