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/CartView.vue

@@ -27,16 +27,12 @@
 -->
 <template>
   <div class="cart">
-    <PageBar title="سبد خرید" back-to="home" />
+    <PageBar title="سبد خرید" :back="false" />
 
     <Spinner :spinning="cartData.loadingPage" tip="درحال دریافت اطلاعات">
       <container class="cart__body">
         <!-- Step 1: the basket -->
-        <PullRefresh v-if="cartData.step === 1" 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-if="cartData.step === 1" v-model="refreshing" @refresh="onRefresh">
           <template v-if="cart.items.length">
             <div class="cart__items" :class="{ 'is-revealed': revealed }">
               <CartItem
@@ -62,7 +58,7 @@
               دیدن محصولات
             </button>
           </section>
-        </PullRefresh>
+        </AppPullRefresh>
 
         <!-- Step 2: submitted -->
         <section v-else class="cart__done">
@@ -141,7 +137,7 @@
 import { nextTick, onMounted, reactive, ref } from 'vue'
 import { useRouter } from 'vue-router'
 import { Drawer, Form, FormItem, Textarea } 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'
@@ -244,8 +240,11 @@ const submitOrder = async () => {
 }
 
 async function onRefresh() {
-  await cart.init(true)
-  refreshing.value = false
+  try {
+    await cart.init(true)
+  } finally {
+    refreshing.value = false
+  }
 }
 
 onMounted(async () => {