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/companies/__stories__/mock-data.ts

@@ -9,6 +9,7 @@ export const defaultData: Array<GraphqlQueryCompany> = [
       id: '91510aa5-ede6-451f-8029-a7fa69e4bad6',
       email: 'john@example.com',
       displayName: 'John Doe',
+      __typename: 'User',
     },
     employees: 10,
     address: '1 Infinity Loop, 95014 Cupertino, California',

front/src/pages/companies/companies-table.tsx

@@ -96,7 +96,7 @@ export const companiesColumns = [
     cell: (props) => (
       <ClickableCell href="#">
         {props.row.original.opportunities.map((opportunity) => (
-          <PipeChip name={opportunity.name} picture={opportunity.icon} />
+          <PipeChip opportunity={opportunity} />
         ))}
       </ClickableCell>
     ),