6446 improve information banner component to make it scale better (#6545)

Closes #6446

packages/twenty-front/src/modules/information-banner/hooks/useAccountToReconnect.ts

@@ -0,0 +1,24 @@
+import { ConnectedAccount } from '@/accounts/types/ConnectedAccount';
+import { currentUserState } from '@/auth/states/currentUserState';
+import { InformationBannerKeys } from '@/information-banner/enums/InformationBannerKeys.enum';
+import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular';
+import { useFindOneRecord } from '@/object-record/hooks/useFindOneRecord';
+import { useRecoilValue } from 'recoil';
+
+export const useAccountToReconnect = (key: InformationBannerKeys) => {
+  const currentUser = useRecoilValue(currentUserState);
+
+  const userVars = currentUser?.userVars;
+
+  const firstAccountIdToReconnect = userVars?.[key]?.[0];
+
+  const accountToReconnect = useFindOneRecord<ConnectedAccount>({
+    objectNameSingular: CoreObjectNameSingular.ConnectedAccount,
+    objectRecordId: firstAccountIdToReconnect,
+    skip: !firstAccountIdToReconnect,
+  });
+
+  return {
+    accountToReconnect: accountToReconnect?.record,
+  };
+};