chore: prettier

src/components/UI/Header.tsx

@@ -29,7 +29,9 @@ export const Header: FC = () => {
       >
         <NextLink href={'/'} passHref>
           <Link _hover={{ textDecoration: 'none' }}>
-            <Text textStyle='header-font' whiteSpace='nowrap'>go-ethereum</Text>
+            <Text textStyle='header-font' whiteSpace='nowrap'>
+              go-ethereum
+            </Text>
           </Link>
         </NextLink>
       </Stack>

src/components/UI/docs/DocsLinks.tsx

@@ -9,7 +9,7 @@ import {
   Stack,
   Text
 } from '@chakra-ui/react';
-import { AddIcon, MinusIcon } from '../svgs/'
+import { AddIcon, MinusIcon } from '../svgs/';
 import NextLink from 'next/link';
 import { useRouter } from 'next/router';
 
@@ -27,7 +27,7 @@ export const DocsLinks: FC<Props> = ({ navLinks }) => {
   return (
     <Stack border='2px' borderColor='primary'>
       {navLinks.map(({ id, to, items }, idx) => {
-        const split = to?.split('/')
+        const split = to?.split('/');
         const isActive = slug && split && split[split.length - 1] === slug[slug.length - 1];
         return (
           <Accordion key={id} allowToggle mt='0 !important' defaultIndex={[0]}>
@@ -62,7 +62,7 @@ export const DocsLinks: FC<Props> = ({ navLinks }) => {
                                 verticalAlign: '-1.25px',
                                 marginInlineEnd: 2,
                                 fontSize: 'lg',
-                                display: isActive ? 'unset' : 'none',
+                                display: isActive ? 'unset' : 'none'
                               }}
                               _groupHover={{ color: 'bg' }}
                             >
@@ -100,4 +100,4 @@ export const DocsLinks: FC<Props> = ({ navLinks }) => {
       })}
     </Stack>
   );
-}
+};

src/components/UI/docs/DocumentNav.tsx

@@ -36,19 +36,19 @@ export const DocumentNav: FC<Props> = ({ content }) => {
                 _hover={{
                   background: 'primary',
                   boxShadow: '0 0 0 6px var(--chakra-colors-primary)',
-                  color: 'bg',
+                  color: 'bg'
                 }}
                 _focus={{
                   background: 'primary',
                   boxShadow: '0 0 0 6px var(--chakra-colors-primary) !important',
                   color: 'bg',
                   outline: '2px solid var(--chakra-colors-secondary) !important',
-                  outlineOffset: '4px',
+                  outlineOffset: '4px'
                 }}
                 _active={{
                   background: 'secondary',
                   boxShadow: '0 0 0 6px var(--chakra-colors-secondary)',
-                  color: 'bg',
+                  color: 'bg'
                 }}
               >
                 {heading?.title}

src/components/UI/docs/LinksList.tsx

@@ -15,10 +15,15 @@ export const LinksList: FC<LinksListProps> = ({ links }) => {
   return (
     <Stack px={4}>
       {links.map(({ id, to, items }) => {
-        const split = to?.split('/')
+        const split = to?.split('/');
         const isActive = slug && split && split[split.length - 1] === slug[slug.length - 1];
         return to ? (
-          <Stack key={id} pb={items ? 6 : 0} _hover={{ background: 'primary', color: 'bg' }} data-group>
+          <Stack
+            key={id}
+            pb={items ? 6 : 0}
+            _hover={{ background: 'primary', color: 'bg' }}
+            data-group
+          >
             <NextLink href={to} passHref key={id}>
               <Link textDecoration='none !important'>
                 <Text
@@ -29,12 +34,11 @@ export const LinksList: FC<LinksListProps> = ({ links }) => {
                     verticalAlign: '-1.25px',
                     marginInlineEnd: 2,
                     fontSize: 'lg',
-                    display: isActive ? 'unset' : 'none',
+                    display: isActive ? 'unset' : 'none'
                   }}
                   _groupHover={{
                     color: 'bg',
-                    boxShadow: '0 0 0 var(--chakra-space-2) var(--chakra-colors-primary)',
+                    boxShadow: '0 0 0 var(--chakra-space-2) var(--chakra-colors-primary)'
-                    
                   }}
                 >
                   {id}

src/components/UI/docs/MDComponents.tsx

@@ -42,7 +42,7 @@ const MDComponents = {
   },
   // headings
   h1: ({ children }: any) => {
-    const { children: parsedChildren, headingId} = parseHeadingId(children);
+    const { children: parsedChildren, headingId } = parseHeadingId(children);
 
     return (
       <Heading as='h1' textAlign='start' mb='5 !important' {...header1} id={headingId}>
@@ -51,16 +51,23 @@ const MDComponents = {
     );
   },
   h2: ({ children }: any) => {
-    const { children: parsedChildren, headingId} = parseHeadingId(children);
+    const { children: parsedChildren, headingId } = parseHeadingId(children);
 
     return (
-      <Heading as='h2' textAlign='start' mt={{ base: '12 !important' , md: '16 !important'}} mb='4 !important' {...header2} id={headingId}>
+      <Heading
+        as='h2'
+        textAlign='start'
+        mt={{ base: '12 !important', md: '16 !important' }}
+        mb='4 !important'
+        {...header2}
+        id={headingId}
+      >
         {parsedChildren}
       </Heading>
     );
   },
   h3: ({ children }: any) => {
-    const { children: parsedChildren, headingId} = parseHeadingId(children);
+    const { children: parsedChildren, headingId } = parseHeadingId(children);
     return (
       <Heading as='h3' mt='5 !important' mb='2.5 !important' {...header3} id={headingId}>
         {parsedChildren}
@@ -68,7 +75,7 @@ const MDComponents = {
     );
   },
   h4: ({ children }: any) => {
-    const { children: parsedChildren, headingId} = parseHeadingId(children);
+    const { children: parsedChildren, headingId } = parseHeadingId(children);
 
     return (
       <Heading as='h4' mb='2.5 !important' {...header4} id={headingId}>

src/components/UI/svgs/AddIcon.tsx

@@ -8,9 +8,9 @@ const Icon = createIcon({
   viewBox: `0 0 ${w} ${h}`,
   path: (
     <svg width={w} height={h} fill='none' xmlns='http://www.w3.org/2000/svg'>
-      <g fill="currentColor">
+      <g fill='currentColor'>
-        <rect height="2" width="20" x="2" y="11"></rect>
+        <rect height='2' width='20' x='2' y='11'></rect>
-        <rect height="20" width="2" x="11" y="2"></rect>
+        <rect height='20' width='2' x='11' y='2'></rect>
       </g>
     </svg>
   )

src/components/UI/svgs/MinusIcon.tsx

@@ -8,8 +8,8 @@ const Icon = createIcon({
   viewBox: `0 0 ${w} ${h}`,
   path: (
     <svg width={w} height={h} fill='none' xmlns='http://www.w3.org/2000/svg'>
-      <g fill="currentColor">
+      <g fill='currentColor'>
-        <rect height="2" width="20" x="2" y="11"></rect>
+        <rect height='2' width='20' x='2' y='11'></rect>
       </g>
     </svg>
   )

src/pages/[...slug].tsx

@@ -116,7 +116,10 @@ const DocPage: NextPage<Props> = ({ frontmatter, content, navLinks, lastModified
             </Stack>
 
             <Flex width='100%' placeContent='space-between' gap={8}>
-              <Box maxW='min(100%, 768px)' sx={{ '*:first-of-type': { marginTop: '0 !important' } }}>
+              <Box
+                maxW='min(100%, 768px)'
+                sx={{ '*:first-of-type': { marginTop: '0 !important' } }}
+              >
                 <ReactMarkdown
                   remarkPlugins={[gfm]}
                   rehypePlugins={[rehypeRaw]}