refactor backend and persist stock campaign queue

src/pages/Clients.tsx

@@ -1,4 +1,4 @@
-import { useMemo, useState, useEffect } from 'react';
+import { useMemo, useState } from 'react';
 import { Link, useOutletContext } from 'react-router-dom';
 import { Search, ChevronRight, Filter, ChevronLeft, Download } from 'lucide-react';
 import type { OrderData, DateRange } from '../types';
@@ -20,11 +20,6 @@ const Clients = () => {
   const [currentPage, setCurrentPage] = useState(1);
   const [itemsPerPage, setItemsPerPage] = useState(10);
 
-  // Reset to first page when search, sort, or date changes
-  useEffect(() => {
-    setCurrentPage(1);
-  }, [searchTerm, sortBy, dateRange]);
-
   const clientsData = useMemo(() => {
     const orders = ordersData.filter(order => {
       const orderDate = parseOrderDate(order.Data_Pedido);
@@ -101,14 +96,20 @@ const Clients = () => {
         <div className="flex flex-col sm:flex-row flex-wrap gap-3 items-center justify-start xl:justify-end">
           <DateRangePicker 
             dateRange={dateRange} 
-            onChange={setDateRange} 
+            onChange={(range) => {
+              setDateRange(range);
+              setCurrentPage(1);
+            }}
           />
           
           <div className="relative">
             <Filter className="absolute left-3 top-1/2 transform -translate-y-1/2 text-zinc-400 dark:text-dark-muted w-4 h-4" />
             <select 
               value={sortBy}
-              onChange={(e) => setSortBy(e.target.value as SortOption)}
+              onChange={(e) => {
+                setSortBy(e.target.value as SortOption);
+                setCurrentPage(1);
+              }}
               className="appearance-none bg-dark-card border border-dark-border text-dark-text text-sm rounded-xl pl-9 pr-8 py-2.5 focus:outline-none focus:border-brand-primary transition-colors shadow-sm cursor-pointer"
             >
               <option value="recent">Mais Recentes</option>
@@ -125,7 +126,10 @@ const Clients = () => {
               type="text" 
               placeholder="Buscar cliente..." 
               value={searchTerm}
-              onChange={(e) => setSearchTerm(e.target.value)}
+              onChange={(e) => {
+                setSearchTerm(e.target.value);
+                setCurrentPage(1);
+              }}
               className="w-full sm:w-64 bg-dark-card border border-dark-border text-dark-text rounded-xl pl-10 pr-4 py-2.5 focus:outline-none focus:border-brand-primary hover:border-brand-primary transition-colors shadow-sm"
             />
           </div>