Replaced eslint rule twenty/no-spread-props to react/jsx-props-no-spreading (#1976)

* Replaced eslint rule twenty/no-spread-props to react/jsx-props-no-spreading

* Disable props spread on external libraries

---------

Co-authored-by: Charles Bochet <charles@twenty.com>

front/src/modules/spreadsheet-import/provider/components/SpreadsheetImportProvider.tsx

@@ -28,6 +28,7 @@ export const SpreadsheetImportProvider = (
         <SpreadsheetImport
           isOpen={true}
           onClose={handleClose}
+          // eslint-disable-next-line react/jsx-props-no-spreading
           {...spreadsheetImport.options}
         />
       )}

front/src/modules/spreadsheet-import/steps/components/UploadStep/components/DropZone.tsx

@@ -125,9 +125,15 @@ export const DropZone = ({ onContinue, isLoading }: DropZoneProps) => {
   });
 
   return (
-    <StyledContainer {...getRootProps()}>
+    <StyledContainer
+      // eslint-disable-next-line react/jsx-props-no-spreading
+      {...getRootProps()}
+    >
       {isDragActive && <StyledOverlay />}
-      <input {...getInputProps()} />
+      <input
+        // eslint-disable-next-line react/jsx-props-no-spreading
+        {...getInputProps()}
+      />
       {isDragActive ? (
         <StyledText>Drop file here...</StyledText>
       ) : loading || isLoading ? (