Change to using arrow functions (#1603)

* Change to using arrow functions

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Matheus <matheus_benini@hotmail.com>

* Add lint rule

---------

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Matheus <matheus_benini@hotmail.com>
Co-authored-by: Charles Bochet <charles@twenty.com>

front/src/modules/ui/section/components/Section.tsx

@@ -31,19 +31,17 @@ const StyledSection = styled.div<{
   width: ${({ fullWidth }) => (fullWidth ? '100%' : 'auto')};
 `;
 
-export function Section({
+export const Section = ({
   children,
   alignment = SectionAlignment.Left,
   fullWidth = true,
   fontColor = SectionFontColor.Primary,
-}: OwnProps) {
-  return (
-    <StyledSection
-      alignment={alignment}
-      fullWidth={fullWidth}
-      fontColor={fontColor}
-    >
-      {children}
-    </StyledSection>
-  );
-}
+}: OwnProps) => (
+  <StyledSection
+    alignment={alignment}
+    fullWidth={fullWidth}
+    fontColor={fontColor}
+  >
+    {children}
+  </StyledSection>
+);