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/provider/ThemeProvider.tsx

@@ -1,15 +1,21 @@
-// ThemeProvider.tsx
-import * as React from 'react';
+import { ReactNode, useEffect } from 'react';
 import { ThemeProvider as EmotionThemeProvider } from '@emotion/react';
 
 import { ThemeType } from '..';
 
+import './theme.css';
+
 type ThemeProviderProps = {
   theme: ThemeType;
-  children: React.ReactNode;
+  children: ReactNode;
 };
 
-const ThemeProvider: React.FC<ThemeProviderProps> = ({ theme, children }) => {
+const ThemeProvider = ({ theme, children }: ThemeProviderProps) => {
+  useEffect(() => {
+    document.documentElement.className =
+      theme.name === 'dark' ? 'dark' : 'light';
+  }, [theme]);
+
   return <EmotionThemeProvider theme={theme}>{children}</EmotionThemeProvider>;
 };