fix: 修复顶部相关布局时，顶栏重复渲染

Author: hooray

src/views/components/Topbar/index.vue

@@ -15,7 +15,7 @@ const settingsStore = useSettingsStore()
     <div class="h-full flex items-center of-hidden pl-2 pr-16" style="mask-image: linear-gradient(90deg, #000 0%, #000 calc(100% - 50px), transparent);">
       <LeftSide />
     </div>
-    <div v-show="['side', 'single'].includes(settingsStore.settings.menu.mode)" class="h-full flex items-center justify-end px-2">
+    <div v-if="['side', 'single'].includes(settingsStore.settings.menu.mode)" class="h-full flex items-center justify-end px-2">
       <RightSide />
     </div>
   </div>