Feat/performance-refactor-styled-component (#5516)

In this PR I'm optimizing a whole RecordTableCell in real conditions
with a complex RelationFieldDisplay component :
- Broke down getObjectRecordIdentifier into multiple utils
- Precompute memoized function for getting chip data per field with
useRecordChipDataGenerator()
- Refactored RelationFieldDisplay
- Use CSS modules where performance is needed instead of styled
components
- Create a CSS theme with global CSS variables to be used by CSS modules

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

@@ -1,7 +1,7 @@
 export const BORDER_COMMON = {
   radius: {
     xs: '2px',
-    sm: '4px',
+    sm: 'var(--twentycrm-border-radius-sm)',
     md: '8px',
     xl: '20px',
     pill: '999px',

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

@@ -10,7 +10,7 @@ export const FONT_COMMON = {
   },
   weight: {
     regular: 400,
-    medium: 500,
+    medium: 'var(--twentycrm-border-radius-sm)',
     semiBold: 600,
   },
   family: 'Inter, sans-serif',