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-front/src/modules/ui/theme/components/AppThemeProvider.tsx

@@ -1,3 +1,4 @@
+import { useEffect } from 'react';
 import { ThemeProvider } from '@emotion/react';
 import { THEME_DARK, THEME_LIGHT } from 'twenty-ui';
 
@@ -18,5 +19,10 @@ export const AppThemeProvider = ({ children }: AppThemeProviderProps) => {
 
   const theme = computedColorScheme === 'Dark' ? THEME_DARK : THEME_LIGHT;
 
+  useEffect(() => {
+    document.documentElement.className =
+      theme.name === 'dark' ? 'dark' : 'light';
+  }, [theme]);
+
   return <ThemeProvider theme={theme}>{children}</ThemeProvider>;
 };