feat: persist view filters and sorts on Update View button click (#1290)

* feat: add viewFilters table

Closes #1121

* feat: add Update View button + Create View dropdown

Closes #1124, #1289

* feat: add View Filter resolvers

* feat: persist view filters and sorts on Update View button click

Closes #1123

* refactor: code review

- Rename recoil selectors
- Rename filters `field` property to `key`

front/src/modules/ui/table/components/EntityTable.tsx

@@ -5,7 +5,7 @@ import type {
   ViewFieldDefinition,
   ViewFieldMetadata,
 } from '@/ui/editable-field/types/ViewField';
-import { SelectedSortType, SortType } from '@/ui/filter-n-sort/types/interface';
+import { SortType } from '@/ui/filter-n-sort/types/interface';
 import { DragSelect } from '@/ui/utilities/drag-select/components/DragSelect';
 import { useListenClickOutside } from '@/ui/utilities/pointer-event/hooks/useListenClickOutside';
 
@@ -97,8 +97,8 @@ type OwnProps<SortField> = {
   viewIcon?: React.ReactNode;
   availableSorts?: Array<SortType<SortField>>;
   onColumnsChange?: (columns: ViewFieldDefinition<ViewFieldMetadata>[]) => void;
-  onSortsUpdate?: (sorts: Array<SelectedSortType<SortField>>) => void;
   onViewsChange?: (views: TableView[]) => void;
+  onViewSubmit?: () => void;
   onImport?: () => void;
   updateEntityMutation: any;
 };
@@ -107,8 +107,8 @@ export function EntityTable<SortField>({
   viewName,
   availableSorts,
   onColumnsChange,
-  onSortsUpdate,
   onViewsChange,
+  onViewSubmit,
   onImport,
   updateEntityMutation,
 }: OwnProps<SortField>) {
@@ -136,8 +136,8 @@ export function EntityTable<SortField>({
             viewName={viewName}
             availableSorts={availableSorts}
             onColumnsChange={onColumnsChange}
-            onSortsUpdate={onSortsUpdate}
             onViewsChange={onViewsChange}
+            onViewSubmit={onViewSubmit}
             onImport={onImport}
           />
           <StyledTableWrapper>