Add incremental loading to manager and client lists

app/pages/clients/[id].vue

@@ -46,6 +46,18 @@ const currentRequest = computed(() =>
 
 const currentUserOrders = computed<ManagerOrderItem[]>(() => userOrdersQuery.result.value?.managerOrders ?? []);
 
+const {
+  canLoadMore: canLoadMoreUserOrders,
+  loadMore: loadMoreUserOrders,
+  loadMoreSentinel: loadMoreUserOrdersSentinel,
+  remainingCount: remainingUserOrdersCount,
+  visibleItems: visibleUserOrders,
+} = useIncrementalList(currentUserOrders, {
+  pageSize: 24,
+  enabled: computed(() => !isRequestMode.value),
+  resetKeys: [entityId, isRequestMode],
+});
+
 function userInitials(fullName: string) {
   const parts = fullName
     .trim()
@@ -213,7 +225,7 @@ async function rejectRequest() {
           </div>
           <div v-else class="mt-4 space-y-3">
             <OrdersOrderSummaryCard
-              v-for="order in currentUserOrders"
+              v-for="order in visibleUserOrders"
               :key="order.id"
               :to="`/client-orders/${order.id}`"
               :code="order.code"
@@ -222,6 +234,16 @@ async function rejectRequest() {
               :total-price="order.totalPrice"
               :items="order.items"
             />
+
+            <div
+              v-if="canLoadMoreUserOrders"
+              ref="loadMoreUserOrdersSentinel"
+              class="flex justify-center pt-2"
+            >
+              <button class="btn btn-outline border-[#d7e9de] bg-white" @click="loadMoreUserOrders">
+                Показать ещё {{ Math.min(remainingUserOrdersCount, 24) }}
+              </button>
+            </div>
           </div>
         </div>
       </template>