feat: add Synchronization calendar settings (#4111)

* feat: add Calendar Settings section to Settings/Accounts/Calendars page

Closes #4060

* refactor: rename components

* feat: add Synchronization calendar settings

Closes #4066

packages/twenty-front/src/pages/settings/accounts/SettingsAccountsCalendarsSettings.tsx

@@ -1,5 +1,6 @@
 import { useParams } from 'react-router-dom';
 
+import { SettingsAccountsSynchronizationSection } from '@/settings/accounts/components/SettingsAccountsSynchronizationSection';
 import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer';
 import { getSettingsPagePath } from '@/settings/utils/getSettingsPagePath';
 import { SettingsPath } from '@/types/SettingsPath';
@@ -30,6 +31,12 @@ export const SettingsAccountsCalendarsSettings = () => {
             { children: connectedAccount?.handle || '' },
           ]}
         />
+        <SettingsAccountsSynchronizationSection
+          description="Past and future calendar events will automatically be synced to this workspace"
+          cardTitle="Sync events"
+          isSynced={false}
+          onToggle={() => {}}
+        />
       </SettingsPageContainer>
     </SubMenuTopBarContainer>
   );

packages/twenty-front/src/pages/settings/accounts/SettingsAccountsEmailsInboxSettings.tsx

@@ -63,8 +63,10 @@ export const SettingsAccountsEmailsInboxSettings = () => {
           ]}
         />
         {/* TODO : discuss the desired sync behaviour */}
-        {/* <SettingsAccountsInboxSettingsSynchronizationSection
-          messageChannel={messageChannel}
+        {/* <SettingsAccountsSynchronizationSection
+          description="Past and future emails will automatically be synced to this workspace"
+          cardTitle="Sync emails"
+          isSynced={!!messageChannel?.isSynced}
           onToggle={handleSynchronizationToggle}
         /> */}
         <SettingsAccountsInboxSettingsVisibilitySection