Add incremental loading to manager and client lists

app/pages/orders/index.vue

@@ -45,6 +45,17 @@ const filteredOrders = computed(() => {
     return matchSearch && matchesFilter(order);
   });
 });
+
+const {
+  canLoadMore,
+  loadMore,
+  loadMoreSentinel,
+  remainingCount,
+  visibleItems: visibleOrders,
+} = useIncrementalList(filteredOrders, {
+  pageSize: 24,
+  resetKeys: [search, statusFilter],
+});
 </script>
 
 <template>
@@ -76,7 +87,7 @@ const filteredOrders = computed(() => {
 
     <div v-else class="space-y-3">
       <OrdersOrderSummaryCard
-        v-for="order in filteredOrders"
+        v-for="order in visibleOrders"
         :key="order.id"
         :to="`/orders/${order.id}`"
         :code="order.code"
@@ -85,6 +96,16 @@ const filteredOrders = computed(() => {
         :total-price="order.totalPrice"
         :items="order.items"
       />
+
+      <div
+        v-if="canLoadMore"
+        ref="loadMoreSentinel"
+        class="flex justify-center pt-2"
+      >
+        <button class="btn btn-outline border-[#d7e9de] bg-white" @click="loadMore">
+          Показать ещё {{ Math.min(remainingCount, 24) }}
+        </button>
+      </div>
     </div>
   </section>
 </template>