add field config new icons (#6996)

https://github.com/twentyhq/twenty/issues/6950
Add new icons to Object Fields Data types.

Before:

![image](https://github.com/user-attachments/assets/55697e31-841d-435e-8c70-13ff1c59268d)


After:

![image](https://github.com/user-attachments/assets/bd43f0ec-d3f7-4ecf-a95f-87a030f68e24)

![image](https://github.com/user-attachments/assets/369893a9-35be-43f8-bfcb-55149effa78a)

packages/twenty-ui/src/theme/constants/IllustrationIconDark.ts

@@ -0,0 +1,6 @@
+import { COLOR } from './Colors';
+
+export const ILLUSTRATION_ICON_DARK = {
+  color: COLOR.blue50,
+  fill: COLOR.blue70,
+};

packages/twenty-ui/src/theme/constants/IllustrationIconLight.ts

@@ -0,0 +1,6 @@
+import { COLOR } from './Colors';
+
+export const ILLUSTRATION_ICON_LIGHT = {
+  color: COLOR.blue40,
+  fill: COLOR.blue20,
+};

packages/twenty-ui/src/theme/constants/ThemeDark.ts

@@ -1,15 +1,14 @@
 import { BLUR_DARK } from '@ui/theme/constants/BlurDark';
-
+import { ILLUSTRATION_ICON_DARK } from '@ui/theme/constants/IllustrationIconDark';
 import { SNACK_BAR_DARK, ThemeType } from '..';
-
 import { ACCENT_DARK } from './AccentDark';
 import { BACKGROUND_DARK } from './BackgroundDark';
 import { BORDER_DARK } from './BorderDark';
 import { BOX_SHADOW_DARK } from './BoxShadowDark';
+import { CODE_DARK } from './CodeDark';
 import { FONT_DARK } from './FontDark';
 import { TAG_DARK } from './TagDark';
 import { THEME_COMMON } from './ThemeCommon';
-import { CODE_DARK } from './CodeDark';
 
 export const THEME_DARK: ThemeType = {
   ...THEME_COMMON,
@@ -24,5 +23,6 @@ export const THEME_DARK: ThemeType = {
     snackBar: SNACK_BAR_DARK,
     tag: TAG_DARK,
     code: CODE_DARK,
+    IllustrationIcon: ILLUSTRATION_ICON_DARK,
   },
 };

packages/twenty-ui/src/theme/constants/ThemeLight.ts

@@ -1,14 +1,14 @@
 import { BLUR_LIGHT } from '@ui/theme/constants/BlurLight';
+import { ILLUSTRATION_ICON_LIGHT } from '@ui/theme/constants/IllustrationIconLight';
 import { SNACK_BAR_LIGHT } from '@ui/theme/constants/SnackBarLight';
-
 import { ACCENT_LIGHT } from './AccentLight';
 import { BACKGROUND_LIGHT } from './BackgroundLight';
 import { BORDER_LIGHT } from './BorderLight';
 import { BOX_SHADOW_LIGHT } from './BoxShadowLight';
+import { CODE_LIGHT } from './CodeLight';
 import { FONT_LIGHT } from './FontLight';
 import { TAG_LIGHT } from './TagLight';
 import { THEME_COMMON } from './ThemeCommon';
-import { CODE_LIGHT } from './CodeLight';
 
 export const THEME_LIGHT = {
   ...THEME_COMMON,
@@ -23,5 +23,6 @@ export const THEME_LIGHT = {
     snackBar: SNACK_BAR_LIGHT,
     tag: TAG_LIGHT,
     code: CODE_LIGHT,
+    IllustrationIcon: ILLUSTRATION_ICON_LIGHT,
   },
 };

packages/twenty-ui/src/theme/index.ts

@@ -19,6 +19,8 @@ export * from './constants/FontLight';
 export * from './constants/GrayScale';
 export * from './constants/HoverBackground';
 export * from './constants/Icon';
+export * from './constants/IllustrationIconDark';
+export * from './constants/IllustrationIconLight';
 export * from './constants/MainColorNames';
 export * from './constants/MainColors';
 export * from './constants/MobileViewport';