fix relation fields preview in settings (#11745)

Fixes :
- display relation fields in preview settings
- display note and task relation field in preview settings - 
- fix design (align and background color)

closes https://github.com/twentyhq/twenty/issues/7084

---------

Co-authored-by: guillim <guigloo@msn.com>

packages/twenty-ui/src/components/chip/Chip.tsx

@@ -19,6 +19,7 @@ export enum ChipVariant {
   Regular = 'regular',
   Transparent = 'transparent',
   Rounded = 'rounded',
+  Static = 'static',
 }
 
 export type ChipProps = {
@@ -89,7 +90,9 @@ const StyledContainer = withTheme(styled.div<
         ? theme.background.transparent.light
         : variant === ChipVariant.Highlighted
           ? theme.background.transparent.medium
-          : 'inherit'};
+          : variant === ChipVariant.Static
+            ? theme.background.transparent.light
+            : 'inherit'};
   }
 
   &:active {
@@ -98,11 +101,13 @@ const StyledContainer = withTheme(styled.div<
         ? theme.background.transparent.medium
         : variant === ChipVariant.Highlighted
           ? theme.background.transparent.strong
-          : 'inherit'};
+          : variant === ChipVariant.Static
+            ? theme.background.transparent.light
+            : 'inherit'};
   }
 
   background-color: ${({ theme, variant }) =>
-    variant === ChipVariant.Highlighted
+    variant === ChipVariant.Highlighted || variant === ChipVariant.Static
       ? theme.background.transparent.light
       : variant === ChipVariant.Rounded
         ? theme.background.transparent.lighter