GH-4362 Add syncing status (#4950)

This PR adds a `syncing` status on frontend.

Issue
- #4362

---------

Co-authored-by: Félix Malfait <felix.malfait@gmail.com>

packages/twenty-front/src/modules/settings/accounts/hooks/useGetSyncStatusOptions.ts

@@ -0,0 +1,25 @@
+import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem';
+import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular';
+import { isUndefinedOrNull } from '~/utils/isUndefinedOrNull';
+
+export const useGetSyncStatusOptions = () => {
+  const { objectMetadataItem } = useObjectMetadataItem({
+    objectNameSingular: CoreObjectNameSingular.MessageChannel,
+  });
+
+  if (isUndefinedOrNull(objectMetadataItem)) {
+    throw new Error('ObjectMetadataItem not found for MessageChannel');
+  }
+
+  const syncStatusMetadata = objectMetadataItem.fields.find(
+    (field) => field.name === 'syncStatus',
+  );
+
+  const syncStatusOptions = syncStatusMetadata?.options;
+
+  if (isUndefinedOrNull(syncStatusMetadata)) {
+    throw new Error('syncStatusMetaData not found for MessageChannel');
+  }
+
+  return syncStatusOptions;
+};