feat: deals filters indicator and refactoring

src/app/deals/components/desktop/DealsTable/DealsTable.tsx

@@ -6,7 +6,7 @@ import { useDealsContext } from "@/app/deals/contexts/DealsContext";
 import BaseTable from "@/components/ui/BaseTable/BaseTable";
 
 const DealsTable: FC = () => {
-    const { deals, paginationInfo, page, setPage, dealsFilters } =
+    const { deals, paginationInfo, page, setPage, dealsFiltersForm } =
         useDealsContext();
     const columns = useDealsTableColumns();
 
@@ -18,12 +18,18 @@ const DealsTable: FC = () => {
                 records={[...deals]}
                 columns={columns}
                 sortStatus={{
-                    columnAccessor: dealsFilters.sortingField,
-                    direction: dealsFilters.sortingDirection,
+                    columnAccessor: dealsFiltersForm.values.sortingField ?? "",
+                    direction: dealsFiltersForm.values.sortingDirection,
                 }}
                 onSortStatusChange={sorting => {
-                    dealsFilters.setSortingField(sorting.columnAccessor);
-                    dealsFilters.setSortingDirection(sorting.direction);
+                    dealsFiltersForm.setFieldValue(
+                        "sortingField",
+                        sorting.columnAccessor
+                    );
+                    dealsFiltersForm.setFieldValue(
+                        "sortingDirection",
+                        sorting.direction
+                    );
                 }}
                 emptyState={
                     <Group