Improve lazy loading (#12186)

WIP, using preview app to test performance (which was very bad)

packages/twenty-front/src/modules/object-record/record-field/types/FieldMetadata.ts

@@ -3,7 +3,7 @@ import { ZodHelperLiteral } from '@/object-record/record-field/types/ZodHelperLi
 import { ObjectRecord } from '@/object-record/types/ObjectRecord';
 import { ConnectedAccountProvider } from 'twenty-shared/types';
 import { ThemeColor } from 'twenty-ui/theme';
-import * as z from 'zod';
+import { z } from 'zod';
 import { RelationDefinitionType } from '~/generated-metadata/graphql';
 import { CurrencyCode } from './CurrencyCode';
 

packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellBaseContainer.tsx

@@ -31,29 +31,24 @@ const StyledBaseContainer = styled.div<{
   }
 
   &:hover {
-    ${({
-      isReadOnly,
-      fontColorMedium,
-      backgroundColorSecondary,
-      fontColorSecondary,
-    }) =>
-      isReadOnly
-        ? `
-      outline: 1px solid ${fontColorMedium};
-      border-radius: 0px;
-      background-color: ${backgroundColorSecondary};
-      
-      color: ${fontColorSecondary};
-      
-      svg {
-        color: ${fontColorSecondary};
-      }
-      
-      img {
-        opacity: 0.64;
-      }
-    `
-        : ''}
+    ${(props) => {
+      if (!props.isReadOnly) return '';
+
+      return `
+        outline: 1px solid ${props.fontColorMedium};
+        border-radius: 0px;
+        background-color: ${props.backgroundColorSecondary};
+        color: ${props.fontColorSecondary};
+        
+        svg {
+          color: ${props.fontColorSecondary};
+        }
+        
+        img {
+          opacity: 0.64;
+        }
+      `;
+    }}
   }
 `;