File previewer (#10260)

Add a file previewer for pdf, image, doc, xls

<img width="991" alt="Screenshot 2025-02-17 at 15 03 10"
src="https://github.com/user-attachments/assets/7516c13d-d6cb-4a10-b10f-b422268d223b"
/>

packages/twenty-front/src/modules/client-config/components/ClientConfigProviderEffect.tsx

@@ -6,6 +6,7 @@ import { captchaState } from '@/client-config/states/captchaState';
 import { chromeExtensionIdState } from '@/client-config/states/chromeExtensionIdState';
 import { clientConfigApiStatusState } from '@/client-config/states/clientConfigApiStatusState';
 import { isAnalyticsEnabledState } from '@/client-config/states/isAnalyticsEnabledState';
+import { isAttachmentPreviewEnabledState } from '@/client-config/states/isAttachmentPreviewEnabledState';
 import { isDebugModeState } from '@/client-config/states/isDebugModeState';
 import { isDeveloperDefaultSignInPrefilledState } from '@/client-config/states/isDeveloperDefaultSignInPrefilledState';
 import { isEmailVerificationRequiredState } from '@/client-config/states/isEmailVerificationRequiredState';
@@ -77,6 +78,10 @@ export const ClientConfigProviderEffect = () => {
     isGoogleCalendarEnabledState,
   );
 
+  const setIsAttachmentPreviewEnabled = useSetRecoilState(
+    isAttachmentPreviewEnabledState,
+  );
+
   const { data, loading, error } = useGetClientConfigQuery({
     skip: clientConfigApiStatus.isLoaded,
   });
@@ -149,6 +154,9 @@ export const ClientConfigProviderEffect = () => {
     setMicrosoftCalendarEnabled(data?.clientConfig?.isMicrosoftCalendarEnabled);
     setGoogleMessagingEnabled(data?.clientConfig?.isGoogleMessagingEnabled);
     setGoogleCalendarEnabled(data?.clientConfig?.isGoogleCalendarEnabled);
+    setIsAttachmentPreviewEnabled(
+      data?.clientConfig?.isAttachmentPreviewEnabled,
+    );
   }, [
     data,
     setIsDebugMode,
@@ -173,6 +181,7 @@ export const ClientConfigProviderEffect = () => {
     setMicrosoftCalendarEnabled,
     setGoogleMessagingEnabled,
     setGoogleCalendarEnabled,
+    setIsAttachmentPreviewEnabled,
   ]);
 
   return <></>;

packages/twenty-front/src/modules/client-config/graphql/queries/getClientConfig.ts

@@ -30,6 +30,7 @@ export const GET_CLIENT_CONFIG = gql`
       frontDomain
       debugMode
       analyticsEnabled
+      isAttachmentPreviewEnabled
       support {
         supportDriver
         supportFrontChatId

packages/twenty-front/src/modules/client-config/states/isAttachmentPreviewEnabledState.ts

@@ -0,0 +1,6 @@
+import { createState } from '@ui/utilities/state/utils/createState';
+
+export const isAttachmentPreviewEnabledState = createState<boolean>({
+  key: 'isAttachmentPreviewEnabled',
+  defaultValue: false,
+});