3434 connect settingsaccountsemails to the backend (#3584)

* wip

* wip

* update sync settings

* fix key in map

* connect email visibility to backend

* finished

* improve typing

packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsRowDropdownMenu.tsx

@@ -1,6 +1,6 @@
 import { useNavigate } from 'react-router-dom';
 
-import { Account } from '@/accounts/types/Account';
+import { ConnectedAccount } from '@/accounts/types/ConnectedAccount';
 import { IconDotsVertical, IconMail, IconTrash } from '@/ui/display/icon';
 import { LightIconButton } from '@/ui/input/button/components/LightIconButton';
 import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown';
@@ -10,7 +10,7 @@ import { useDropdown } from '@/ui/layout/dropdown/hooks/useDropdown';
 import { MenuItem } from '@/ui/navigation/menu-item/components/MenuItem';
 
 type SettingsAccountsRowDropdownMenuProps = {
-  account: Account;
+  account: ConnectedAccount;
   className?: string;
   onRemove?: (uuid: string) => void;
 };
@@ -41,7 +41,9 @@ export const SettingsAccountsRowDropdownMenu = ({
               LeftIcon={IconMail}
               text="Emails settings"
               onClick={() => {
-                navigate(`/settings/accounts/emails/${account.id}`);
+                navigate(
+                  `/settings/accounts/emails/${account.messageChannels.edges[0].node.id}`,
+                );
                 closeDropdown();
               }}
             />