feat: paginate customer orders and polish the dashboard hero

Add paged orders API and infinite scroll, short order numbers, and align the guest invite card with the logged-in hero shell.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/user-app-v2/src/views/expert/ChildOrdersView.vue

@@ -36,11 +36,7 @@
     </PageBar>
 
     <Spinner :spinning="loading && !rows.length" tip="درحال دریافت اطلاعات">
-      <PullRefresh v-model="refreshing" @refresh="onRefresh">
-        <template #pulling><Loading size="18" /></template>
-        <template #loosing><Loading size="18" /></template>
-        <template #loading><Loading size="18" /></template>
-        <template #success><span /></template>
+      <AppPullRefresh v-model="refreshing" @refresh="onRefresh">
         <container class="cho__body">
           <template v-if="rows.length">
             <div class="cho__list">
@@ -99,7 +95,7 @@
           <!-- Sentinel for the infinite scroll, as the reference used (:216). -->
           <div ref="sentinel" class="cho__sentinel" />
         </container>
-      </PullRefresh>
+      </AppPullRefresh>
     </Spinner>
 
     <Drawer
@@ -146,7 +142,7 @@
 <script setup lang="ts">
 import { onBeforeUnmount, onMounted, ref } from 'vue'
 import { Drawer } from 'ant-design-vue'
-import { Loading, PullRefresh } from 'vant'
+import AppPullRefresh from '../../components/ui/AppPullRefresh.vue'
 import Icon from '../../components/icon/Icon.vue'
 import PageBar from '../../components/ui/PageBar.vue'
 import Spinner from '../../components/Spinner.vue'
@@ -209,8 +205,11 @@ async function readSearch(value: string | undefined) {
 }
 
 async function onRefresh() {
-  await reload()
-  refreshing.value = false
+  try {
+    await reload()
+  } finally {
+    refreshing.value = false
+  }
 }
 
 function openDetail(item: ExpertChildOrder) {