[FE] Update remote table schema + refactor Tables list (#5548)

Closes #5062.

Refactoring tables list to avoid rendering all toggles on each sync or
schema update while using fresh data:
- introducing id for RemoteTables in apollo cache
- manually updating the cache for the record that was updated after a
sync or schema update instead of fetching all tables again

packages/twenty-front/src/modules/databases/utils/modifyRemoteTableFromCache.ts

@@ -0,0 +1,22 @@
+import { ApolloCache } from '@apollo/client';
+import { Modifiers } from '@apollo/client/cache';
+
+import { RemoteTable } from '~/generated-metadata/graphql';
+
+export const modifyRemoteTableFromCache = ({
+  cache,
+  fieldModifiers,
+  remoteTableName,
+}: {
+  cache: ApolloCache<object>;
+  fieldModifiers: Modifiers<RemoteTable>;
+  remoteTableName: string;
+}) => {
+  const remoteTableCacheId = `RemoteTable:{"name":"${remoteTableName}"}`;
+
+  cache.modify({
+    id: remoteTableCacheId,
+    fields: fieldModifiers,
+    optimistic: true,
+  });
+};