feat: add Active and Add integration card displays (#4591)

* feat: add Active and Add integration card displays

Closes #4541

* docs: add PaymentSuccess page stories

* refactor: move page components

packages/twenty-front/src/modules/settings/integrations/constants/SettingsIntegrationZapier.ts

@@ -0,0 +1,42 @@
+import { SettingsIntegrationCategory } from '@/settings/integrations/types/SettingsIntegrationCategory';
+
+export const SETTINGS_INTEGRATION_ZAPIER_CATEGORY: SettingsIntegrationCategory =
+  {
+    key: 'zapier',
+    title: 'With Zapier',
+    hyperlinkText: 'See all zaps',
+    hyperlink: 'https://zapier.com/apps/twenty/integrations',
+    integrations: [
+      {
+        from: { key: 'twenty', image: '/images/integrations/twenty-logo.svg' },
+        to: { key: 'slack', image: '/images/integrations/slack-logo.png' },
+        type: 'Use',
+        text: 'Post to Slack when a company is updated',
+        link: 'https://zapier.com/apps/twenty/integrations/slack',
+      },
+      {
+        from: { key: 'cal', image: '/images/integrations/cal-logo.png' },
+        to: { key: 'twenty', image: '/images/integrations/twenty-logo.svg' },
+        type: 'Use',
+        text: 'Create a person when Cal.com event is created',
+        link: 'https://zapier.com/apps/twenty/integrations/calcom',
+      },
+      {
+        from: {
+          key: 'mailchimp',
+          image: '/images/integrations/mailchimp-logo.png',
+        },
+        to: { key: 'twenty', image: '/images/integrations/twenty-logo.svg' },
+        type: 'Use',
+        text: 'Create a person when a MailChimp sub is created',
+        link: 'https://zapier.com/apps/twenty/integrations/mailchimp',
+      },
+      {
+        from: { key: 'tally', image: '/images/integrations/tally-logo.png' },
+        to: { key: 'twenty', image: '/images/integrations/twenty-logo.svg' },
+        type: 'Use',
+        text: 'Create a company when a Tally form is sent',
+        link: 'https://zapier.com/apps/twenty/integrations/tally',
+      },
+    ],
+  };