Add Filters on Table views (#95)

* Add filter search logic

WIP Filter search

Implement filters

test: fix sorts tests

test: fix filter test

feature: search person and display firstname in results

feature: fix test for filter component

test: mock search filters

refactor: create a useSearch hook

refactor: move debounce in useSearch and reset status of filter selection

feature: debounce set filters

refactor: remove useless setSorts

feature: add where variable to people query

feature: strongly type Filters

feature: update WhereTemplate method

feature: implement filtering on full name

feature: type the useSearch hook

feature: use where reducer

refactor: create a type for readability

feature: use query and mapper from filters

feature: implement filter by company

feature: search filter results on filter select

feature: add loading and results to search results in filters

refactor: move render search results in a function

feature: display a LOADING when it loads

feature: split search input and search filter for different debounce

refactor: remove some warnings

refactor: remove some warnings

* Write test 1

* Write test 2

* test: useSearch is tested

* test: update names of default people data

* test: add a filter search

* Test 3

* Fix tests

---------

Co-authored-by: Charles Bochet <charles@twenty.com>

front/src/pages/people/__stories__/People.stories.tsx

@@ -5,6 +5,7 @@ import { lightTheme } from '../../../layout/styles/themes';
 import { MockedProvider } from '@apollo/client/testing';
 import { defaultData } from '../default-data';
 import { GET_PEOPLE } from '../../../services/people';
+import { SEARCH_PEOPLE_QUERY } from '../../../services/search/search';
 
 const component = {
   title: 'People',
@@ -19,6 +20,7 @@ const mocks = [
       query: GET_PEOPLE,
       variables: {
         orderBy: [{ created_at: 'desc' }],
+        where: {},
       },
     },
     result: {
@@ -27,6 +29,19 @@ const mocks = [
       },
     },
   },
+  {
+    request: {
+      query: SEARCH_PEOPLE_QUERY, // TODO this should not be called for empty filters
+      variables: {
+        where: undefined,
+      },
+    },
+    result: {
+      data: {
+        people: [],
+      },
+    },
+  },
 ];
 
 export const PeopleDefault = () => (