Add SettingsCard for Config Data Type and Accounts Settings (#7093)

https://github.com/twentyhq/twenty/issues/6950
Add new Settings Card for Config Data Type and accounts Settings
Before:
<img width="707" alt="Screenshot 2024-09-11 at 17 43 16"
src="https://github.com/user-attachments/assets/63ff9373-fa86-4b22-8e8b-21483039c3be">
After:
<img width="755" alt="Screenshot 2024-09-17 at 14 15 18"
src="https://github.com/user-attachments/assets/213c24a1-dc1c-4ffb-8890-7c1f63ed376c">
<img width="755" alt="Screenshot 2024-09-17 at 14 15 38"
src="https://github.com/user-attachments/assets/0fc12d19-b92a-493d-80fa-0064cf491fbc">

packages/twenty-front/src/modules/settings/data-model/constants/RelationTypes.ts

@@ -1,9 +1,8 @@
 import {
   IconComponent,
-  IconRelationManyToMany,
-  IconRelationManyToOne,
-  IconRelationOneToMany,
-  IconRelationOneToOne,
+  IllustrationIconManyToMany,
+  IllustrationIconOneToMany,
+  IllustrationIconOneToOne,
 } from 'twenty-ui';
 
 import { RelationDefinitionType } from '~/generated-metadata/graphql';
@@ -22,24 +21,24 @@ export const RELATION_TYPES: Record<
 > = {
   [RelationDefinitionType.OneToMany]: {
     label: 'Has many',
-    Icon: IconRelationOneToMany,
+    Icon: IllustrationIconOneToMany,
     imageSrc: OneToManySvg,
   },
   [RelationDefinitionType.OneToOne]: {
     label: 'Has one',
-    Icon: IconRelationOneToOne,
+    Icon: IllustrationIconOneToOne,
     imageSrc: OneToOneSvg,
   },
   [RelationDefinitionType.ManyToOne]: {
     label: 'Belongs to one',
-    Icon: IconRelationManyToOne,
+    Icon: IllustrationIconOneToMany,
     imageSrc: OneToManySvg,
     isImageFlipped: true,
   },
   // Not supported yet
   [RelationDefinitionType.ManyToMany]: {
     label: 'Belongs to many',
-    Icon: IconRelationManyToMany,
+    Icon: IllustrationIconManyToMany,
     imageSrc: OneToManySvg,
     isImageFlipped: true,
   },

packages/twenty-front/src/modules/settings/data-model/constants/SettingsFieldTypeConfigs.ts

@@ -1,6 +1,6 @@
 import {
-  IconBracketsContain,
   IconComponent,
+  IllustrationIconArray,
   IllustrationIconCalendarEvent,
   IllustrationIconCalendarTime,
   IllustrationIconCurrency,
@@ -186,7 +186,7 @@ export const SETTINGS_FIELD_TYPE_CONFIGS = {
   },
   [FieldMetadataType.Array]: {
     label: 'Array',
-    Icon: IconBracketsContain,
+    Icon: IllustrationIconArray,
     category: 'Basic',
     exampleValue: ['value1', 'value2'],
   },