Remove the {...props} pattern and props coupling, and create an eslint rule for that (#1733)

* Remove the {...props} pattern and props coupling, and create an eslint rule for that

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Thiago Nascimbeni <tnascimbeni@gmail.com>

* Add another test to the new rule

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Thiago Nascimbeni <tnascimbeni@gmail.com>

---------

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Thiago Nascimbeni <tnascimbeni@gmail.com>

front/src/modules/spreadsheet-import/components/Heading.tsx

@@ -28,6 +28,7 @@ const StyledDescription = styled.span`
 `;
 
 export const Heading = ({ title, description, ...props }: Props) => (
+  // eslint-disable-next-line twenty/no-spread-props
   <StyledContainer {...props}>
     <StyledTitle>{title}</StyledTitle>
     {description && <StyledDescription>{description}</StyledDescription>}

front/src/modules/spreadsheet-import/components/Table.tsx

@@ -115,6 +115,7 @@ export const Table = <Data,>(props: Props<Data>) => {
   const { rtl } = useSpreadsheetImportInternal();
 
   return (
+    // eslint-disable-next-line twenty/no-spread-props
     <StyledDataGrid direction={rtl ? 'rtl' : 'ltr'} rowHeight={52} {...props} />
   );
 };