将侧栏注销按钮改为图标文字同行显示

frontend/src/views/components/HomeAside/HomeAside.css

@@ -142,17 +142,26 @@
   align-items: center;
   justify-content: center;
   justify-self: end;
-  width: 32px;
+  gap: 6px;
+  min-width: 76px;
   height: 32px;
-  padding: 0;
+  padding: 0 6px;
   border: 0;
   border-radius: 6px;
   background: transparent;
   color: var(--pm-text-secondary);
-  font-size: 18px;
+  font-family: inherit;
+  font-size: 13px;
+  line-height: 1;
+  white-space: nowrap;
   cursor: pointer;
 }
 
+.logout-btn .el-icon {
+  flex-shrink: 0;
+  font-size: 18px;
+}
+
 .logout-btn:hover:not(:disabled) {
   background: var(--el-color-danger-light-9);
   color: var(--el-color-danger);

frontend/src/views/components/HomeAside/HomeAside.vue

@@ -42,6 +42,7 @@
             @click="logout"
           >
             <el-icon><SwitchButton /></el-icon>
+            <span>{{ lang.logout }}</span>
           </button>
         </el-tooltip>
         <strong class="account-name" :title="currentAccount">{{ currentAccount }}</strong>