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/src/components/home/RateStrip.vue

@@ -49,7 +49,7 @@ const perGram = computed(() => (props.quote ? props.quote.pricePerGramRial.split
   align-items: center;
   gap: 7px;
   font-size: 12px;
-  color: rgba(255, 255, 255, 0.68);
+  color: #fff;
   white-space: nowrap;
 }
 
@@ -82,12 +82,13 @@ const perGram = computed(() => (props.quote ? props.quote.pricePerGramRial.split
 
 .rate-strip__unit {
   font-size: 10.5px;
-  color: rgba(255, 255, 255, 0.55);
+  /* Tailwind gray-100 */
+  color: #f3f4f6;
 }
 
 .rate-strip__time {
   font-size: 10.5px;
-  color: rgba(255, 255, 255, 0.42);
+  color: #fff;
   padding-inline-start: 10px;
   border-inline-start: 1px solid rgba(255, 255, 255, 0.14);
   white-space: nowrap;

apps/user-app/src/components/home/SectionHead.vue

@@ -7,7 +7,7 @@
     </div>
     <button v-if="actionLabel" type="button" class="sec__action" @click="emit('action')">
       {{ actionLabel }}
-      <Icon icon="vuesax-linear:arrow-left-2" size="15" />
+      <Icon icon="vuesax-linear:arrow-left-1" size="15" />
     </button>
   </header>
 </template>
@@ -30,8 +30,8 @@ const emit = defineEmits<{ (e: 'action'): void }>()
 
 .sec__title {
   margin: 0;
-  font-size: 15px;
-  font-weight: 800;
+  font-size: 13.5px;
+  font-weight: 600;
   color: @ink;
   letter-spacing: -0.1px;
 }