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>

docs/src/theme/DocSidebarItem/Link/index.js

@@ -32,14 +32,14 @@ import {
 } from "react-icons/tb";
 
 
-export default function DocSidebarItemLink({
+const DocSidebarItemLink = ({
   item,
   onItemClick,
   activePath,
   level,
   index,
   ...props
-}) {
+}) => {
   const {href, label, className, autoAddBaseUrl, customProps = {}} = item;
   const isActive = isActiveSidebarItem(item, activePath);
   const isInternalLink = isInternalUrl(href);
@@ -104,3 +104,5 @@ export default function DocSidebarItemLink({
     </li>
   );
 }
+
+export default DocSidebarItemLink;

docs/src/theme/Icon/DarkMode/index.js

@@ -3,7 +3,9 @@ import { TbMoon } from 'react-icons/tb';
 import {useColorMode} from '@docusaurus/theme-common';
 
 
-export default function IconDarkMode(props) {
+const IconDarkMode = (props) => {
   const { colorMode } = useColorMode().colorMode;
   return colorMode === 'dark' ? <TbMoon /> : <></>;
 }
+
+export default IconDarkMode

docs/src/theme/Icon/Home/index.js

@@ -1,5 +1,5 @@
-import React from 'react';
-import { TbHome } from 'react-icons/tb';
-export default function IconHome(props) {
-  return <TbHome size={14} />;
-}
+import React from "react";
+import { TbHome } from "react-icons/tb";
+const IconHome = (props) => <TbHome size={14} />;
+
+export default IconHome;

docs/src/theme/Icon/LightMode/index.js

@@ -3,7 +3,9 @@ import { TbSun } from 'react-icons/tb';
 import {useColorMode} from '@docusaurus/theme-common';
 
 
-export default function IconLightMode(props) {
+const IconLightMode = (props) =>  {
   const { colorMode } = useColorMode().colorMode;
   return colorMode === 'dark' ? <></>: <TbSun /> ;
 }
+
+export default IconLightMode;