feat: 服务支持页懒加载

- 骨架屏调整：服务支持页骨架屏布局调整
- 懒加载：服务支持页添加懒加载机制

app/pages/support/contact-us.vue

@@ -6,7 +6,10 @@
       <app-breadcrumb class="breadcrumb" :items="breadcrumbItems" />
     </div>
 
-    <div v-if="!pending" class="page-content">
+    <div v-if="pending" class="page-content">
+      <el-skeleton :rows="5" animated />
+    </div>
+    <div v-else class="page-content">
       <!-- eslint-disable-next-line vue/no-v-html -->
       <div class="html-typography" v-html="contactInfo?.content || ''" />
       <!-- <div v-if="!hydrated" v-html="contactInfo?.content || ''" /> -->
@@ -17,9 +20,6 @@
       <!--   /> -->
       <!-- </div> -->
     </div>
-    <div v-else class="loading">
-      <el-skeleton :rows="5" animated />
-    </div>
   </div>
 </template>
 
@@ -31,7 +31,7 @@
     { label: $t('navigation.support'), to: localePath('/support') },
     { label: $t('navigation.contact-info') },
   ];
-  const { data: contactInfo, pending, error } = await useContactInfo();
+  const { data: contactInfo, pending, error } = useContactInfo();
 
   watch(error, (value) => {
     if (value) {