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/button/components/MainButton.tsx

@@ -107,6 +107,7 @@ export const MainButton = ({
 }: MainButtonProps) => {
   const theme = useTheme();
   return (
+    // eslint-disable-next-line twenty/no-spread-props
     <StyledButton fullWidth={fullWidth} variant={variant} {...props}>
       {Icon && <Icon size={theme.icon.size.sm} />}
       {title}

front/src/modules/ui/button/components/RoundedIconButton.tsx

@@ -40,6 +40,7 @@ export const RoundedIconButton = ({
   const theme = useTheme();
 
   return (
+    // eslint-disable-next-line twenty/no-spread-props
     <StyledIconButton {...props}>
       {<Icon size={theme.icon.size.md} />}
     </StyledIconButton>