replace search resolvers by global search in front (#11086)

Done
- Replace global search in multi record picker and single record picker

To do
- refactor SingleRecordPicker to match MultipleRecordPicker - next 1:1
- items in this issue
https://github.com/twentyhq/core-team-issues/issues/643



closes https://github.com/twentyhq/core-team-issues/issues/535

packages/twenty-front/src/modules/command-menu/constants/MaxSearchResults.ts

@@ -0,0 +1 @@
+export const MAX_SEARCH_RESULTS = 30;

packages/twenty-front/src/modules/command-menu/graphql/queries/globalSearch.ts

@@ -4,12 +4,16 @@ export const globalSearch = gql`
   query GlobalSearch(
     $searchInput: String!
     $limit: Int!
-    $excludedObjectNameSingulars: [String!]!
+    $excludedObjectNameSingulars: [String!]
+    $includedObjectNameSingulars: [String!]
+    $filter: ObjectRecordFilterInput
   ) {
     globalSearch(
       searchInput: $searchInput
       limit: $limit
       excludedObjectNameSingulars: $excludedObjectNameSingulars
+      includedObjectNameSingulars: $includedObjectNameSingulars
+      filter: $filter
     ) {
       recordId
       objectSingularName

packages/twenty-front/src/modules/command-menu/hooks/useCommandMenuSearchRecords.tsx

@@ -1,3 +1,4 @@
+import { MAX_SEARCH_RESULTS } from '@/command-menu/constants/MaxSearchResults';
 import { useOpenRecordInCommandMenu } from '@/command-menu/hooks/useOpenRecordInCommandMenu';
 import { commandMenuSearchState } from '@/command-menu/states/commandMenuSearchState';
 import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular';
@@ -9,9 +10,7 @@ import { Avatar } from 'twenty-ui';
 import { useDebounce } from 'use-debounce';
 import { useGlobalSearchQuery } from '~/generated/graphql';
 
-const MAX_SEARCH_RESULTS = 30;
-
-export const useSearchRecords = () => {
+export const useCommandMenuSearchRecords = () => {
   const commandMenuSearch = useRecoilValue(commandMenuSearchState);
 
   const [deferredCommandMenuSearch] = useDebounce(commandMenuSearch, 300);

packages/twenty-front/src/modules/command-menu/pages/search/components/CommandMenuSearchRecordsPage.tsx

@@ -1,9 +1,9 @@
 import { CommandMenuList } from '@/command-menu/components/CommandMenuList';
-import { useSearchRecords } from '@/command-menu/hooks/useSearchRecords';
+import { useCommandMenuSearchRecords } from '@/command-menu/hooks/useCommandMenuSearchRecords';
 import { useMemo } from 'react';
 
 export const CommandMenuSearchRecordsPage = () => {
-  const { commandGroups, loading, noResults } = useSearchRecords();
+  const { commandGroups, loading, noResults } = useCommandMenuSearchRecords();
 
   const selectableItemIds = useMemo(() => {
     return commandGroups.flatMap((group) => group.items).map((item) => item.id);