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/ui/input/components/Radio.tsx

@@ -126,6 +126,7 @@ export const Radio = ({
   };
 
   return (
+    // eslint-disable-next-line twenty/no-spread-props
     <StyledContainer {...restProps} labelPosition={labelPosition}>
       <StyledRadioInput
         type="radio"

front/src/modules/ui/input/image/components/ImageInput.tsx

@@ -104,6 +104,7 @@ export const ImageInput = ({
   };
 
   return (
+    // eslint-disable-next-line twenty/no-spread-props
     <StyledContainer {...restProps}>
       <StyledPicture
         withPicture={!!picture}

front/src/modules/ui/input/relation-picker/components/SingleEntitySelect.tsx

@@ -71,6 +71,7 @@ export const SingleEntitySelect = <
       />
       <StyledDropdownMenuSeparator />
       <SingleEntitySelectBase
+        // eslint-disable-next-line twenty/no-spread-props
         {...props}
         onCancel={onCancel}
         onCreate={onCreate}

front/src/modules/ui/input/relation-picker/components/__stories__/SingleEntitySelect.stories.tsx

@@ -41,6 +41,7 @@ const meta: Meta<typeof SingleEntitySelect> = {
 
     return (
       <SingleEntitySelect
+        // eslint-disable-next-line twenty/no-spread-props
         {...args}
         entitiesToSelect={entities.filter(
           (entity) =>

front/src/modules/ui/input/text/components/TextInputSettings.tsx

@@ -170,6 +170,7 @@ const TextInputComponent = (
               onChange(event.target.value);
             }
           }}
+          // eslint-disable-next-line twenty/no-spread-props
           {...props}
         />
         <StyledTrailingIconContainer>

front/src/modules/ui/input/text/components/__stories__/TextInput.stories.tsx

@@ -28,6 +28,7 @@ const FakeTextInput = ({
   const [value, setValue] = useState(initialValue);
   return (
     <TextInputSettings
+      // eslint-disable-next-line twenty/no-spread-props
       {...props}
       value={value}
       onChange={(text) => {
@@ -41,6 +42,7 @@ const FakeTextInput = ({
 export const Default: Story = {
   argTypes: { value: { control: false } },
   args: { value: 'A good value ' },
+  // eslint-disable-next-line twenty/no-spread-props
   render: (args) => <FakeTextInput {...args} />,
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);