fix(tables): сохранение размера страницы и showSizeChanger

Размер таблицы сохраняется в localStorage, опции 10/20/50/100 на всех list-страницах.

Co-authored-by: Cursor <cursoragent@cursor.com>

src/pages/tickets/TicketListPage.tsx

@@ -6,10 +6,14 @@ import { useTickets, useDeleteTicket, useTicketStats } from '../../hooks/useTick
 import { useAdmin } from '../../hooks/useAdmins';
 import { Ticket, TicketListParams } from '../../types/api';
 import type { ColumnsType, SorterResult } from 'antd/es/table/interface';
+import { getSavedPageSize, getTablePagination, mergeTablePagination } from '../../utils/tablePagination';
+import { formatStatusLabel } from '../../utils/statusLabels';
+
+const TABLE_KEY = 'tickets';
 
 const TicketListPage: React.FC = () => {
     const navigate = useNavigate();
-    const [params, setParams] = useState<TicketListParams>({ limit: 20, offset: 0, sort: 'last_seen', order: 'desc' });
+    const [params, setParams] = useState<TicketListParams>({ limit: getSavedPageSize(TABLE_KEY), offset: 0, sort: 'last_seen', order: 'desc' });
     const { data, isLoading } = useTickets(params);
     const deleteTicket = useDeleteTicket();
     const { data: stats } = useTicketStats();
@@ -33,13 +37,11 @@ const TicketListPage: React.FC = () => {
         sorter: SorterResult<Ticket> | SorterResult<Ticket>[]
     ) => {
         const s = Array.isArray(sorter) ? sorter[0] : sorter;
-        setParams(prev => ({
+        setParams(prev => mergeTablePagination({
             ...prev,
             sort: s.field as string,
             order: s.order === 'ascend' ? 'asc' : s.order === 'descend' ? 'desc' : undefined,
-            offset: ((pagination.current - 1) * pagination.pageSize) || 0,
-            limit: pagination.pageSize || prev.limit,
-        }));
+        }, pagination, TABLE_KEY));
     };
 
     const columns: ColumnsType<Ticket> = [
@@ -78,7 +80,7 @@ const TicketListPage: React.FC = () => {
                     status === 'open' ? 'red' :
                     status === 'in_progress' ? 'blue' :
                     status === 'resolved' ? 'green' : 'default';
-                return <Tag color={color}>{status}</Tag>;
+                return <Tag color={color}>{formatStatusLabel(status)}</Tag>;
             },
         },
         {
@@ -154,12 +156,7 @@ const TicketListPage: React.FC = () => {
                 rowKey="id"
                 loading={isLoading}
                 onChange={handleTableChange}
-                pagination={{
-                    total: data?.total,
-                    current: (params.offset || 0) / (params.limit || 20) + 1,
-                    pageSize: params.limit || 20,
-                    showSizeChanger: false,
-                }}
+                pagination={getTablePagination(params, data?.total)}
             />
         </div>
     );