fix: prevent hydration mismatch after refreshing settings (#663)

pages/settings.vue

@@ -9,6 +9,7 @@ const isRootPath = computedEager(() => route.name === 'settings')
 </script>
 
 <template>
+  <div>
     <div min-h-screen flex>
       <div border="r base" :class="isRootPath ? 'block lg:flex-none flex-1' : 'hidden lg:block'">
         <MainContent>
@@ -63,4 +64,5 @@ const isRootPath = computedEager(() => route.name === 'settings')
         <NuxtPage />
       </div>
     </div>
+  </div>
 </template>