Refator/sorts dropdown (#1568)

* WIP

* Fixed lint

* Ok for sorts

* Fixed on dropdown toggle

* Fix lint

front/src/modules/ui/view-bar/utils/helpers.ts

@@ -0,0 +1,16 @@
+import { SortOrder as Order_By } from '~/generated/graphql';
+
+import { Sort } from '../types/Sort';
+
+export const reduceSortsToOrderBy = (sorts: Sort[]): any[] =>
+  sorts
+    .map((sort) => {
+      const direction = sort.direction === 'asc' ? Order_By.Asc : Order_By.Desc;
+
+      if (sort.definition.getOrderByTemplate) {
+        return sort.definition.getOrderByTemplate(direction);
+      } else {
+        return [{ [sort.definition.key]: direction }];
+      }
+    })
+    .flat();