fix: "Add to Twenty" button render fix (chrome-extension) (#5048)

fix - #5047

packages/twenty-chrome-extension/src/db/person.db.ts

@@ -6,31 +6,40 @@ import {
 import { Person, PersonFilterInput } from '~/generated/graphql';
 import { CREATE_PERSON } from '~/graphql/person/mutations';
 import { FIND_PERSON } from '~/graphql/person/queries';
+import { isDefined } from '~/utils/isDefined';
 
 import { callMutation, callQuery } from '../utils/requestDb';
 
 export const fetchPerson = async (
   personFilterData: PersonFilterInput,
 ): Promise<Person | null> => {
-  const data = await callQuery<FindPersonResponse>(FIND_PERSON, {
-    filter: {
-      ...personFilterData,
-    },
-  });
-  if (data?.people.edges) {
-    return data?.people.edges.length > 0 ? data?.people.edges[0].node : null;
+  try {
+    const data = await callQuery<FindPersonResponse>(FIND_PERSON, {
+      filter: {
+        ...personFilterData,
+      },
+    });
+    if (isDefined(data?.people.edges)) {
+      return data?.people.edges.length > 0 ? data?.people.edges[0].node : null;
+    }
+    return null;
+  } catch (error) {
+    return null;
   }
-  return null;
 };
 
 export const createPerson = async (
   person: PersonInput,
 ): Promise<string | null> => {
-  const data = await callMutation<CreatePersonResponse>(CREATE_PERSON, {
-    input: person,
-  });
-  if (data?.createPerson) {
-    return data.createPerson.id;
+  try {
+    const data = await callMutation<CreatePersonResponse>(CREATE_PERSON, {
+      input: person,
+    });
+    if (isDefined(data?.createPerson)) {
+      return data.createPerson.id;
+    }
+    return null;
+  } catch (error) {
+    return null;
   }
-  return null;
 };