Add Record Create action in the frontend (#8514)

In this PR:

- Updated the front-end types for workflows to include CRUD actions and
global naming changes
- Allow users to create a Record Create action
- Scaffold the edit for Record Create action; for now, I render a
`<VariableTagInput />` component for every editable field; it's likely
we'll change it soon

Closes https://github.com/twentyhq/private-issues/issues/142

Demo:


https://github.com/user-attachments/assets/6f0b207a-b7d2-46d9-b5ab-9e32bde55d76

packages/twenty-ui/src/display/icon/components/IconAddressBook.tsx

@@ -3,12 +3,22 @@ import { useTheme } from '@emotion/react';
 import IconAddressBookRaw from '@ui/display/icon/assets/address-book.svg?react';
 import { IconComponentProps } from '@ui/display/icon/types/IconComponent';
 
-type IconAddressBookProps = Pick<IconComponentProps, 'size' | 'stroke'>;
+type IconAddressBookProps = Pick<
+  IconComponentProps,
+  'size' | 'stroke' | 'color'
+>;
 
 export const IconAddressBook = (props: IconAddressBookProps) => {
   const theme = useTheme();
   const size = props.size ?? 24;
   const stroke = props.stroke ?? theme.icon.stroke.md;
 
-  return <IconAddressBookRaw height={size} width={size} strokeWidth={stroke} />;
+  return (
+    <IconAddressBookRaw
+      height={size}
+      width={size}
+      stroke={props.color ?? 'currentColor'}
+      strokeWidth={stroke}
+    />
+  );
 };