docs: update documentation

Author: mrholek

src/gatsby-theme-docz/components/Header/index.js

@@ -39,7 +39,7 @@ export const Header = (props) => {
             viewBox="0 0 16 16"
           >
             <path
-              fill-rule="evenodd"
+              fillRule="evenodd"
               d="M2.5 11.5A.5.5 0 0 1 3 11h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 3h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"
             ></path>
           </svg>

src/gatsby-theme-docz/components/Layout/index.js

@@ -1,6 +1,7 @@
 /** @jsx jsx */
 import { useRef, useState } from 'react'
 import { jsx, Layout as BaseLayout, Main } from 'theme-ui'
+import Helmet from 'react-helmet'
 import { Global } from '@emotion/react'
 
 import global from '~theme/global'
@@ -16,33 +17,16 @@ export const Layout = ({ children }) => {
 
   return (
     <div className="d-flex">
-      <Sidebar
-        ref={nav}
-        show={show}
-      />
+      <Sidebar ref={nav} show={show} />
       <div className="wrapper flex-grow-1" data-coreui-reliant="sidebar">
-        <Header onShow={() => setShow(s => !s)} />
+        <Header onShow={() => setShow((s) => !s)} />
         <div className="container-lg my-md-4 flex-grow-1">
           <MainContainer data-testid="main-container">{children}</MainContainer>
         </div>
-        
       </div>
+      <Helmet>
+        <script src="https://media.ethicalads.io/media/client/ethicalads.min.js"/>
+      </Helmet>
     </div>
-    // <BaseLayout sx={{ '& > div': { flex: '1 1 auto' } }} data-testid="layout">
-    //   {/* <Global styles={global} /> */}
-    //   <Main sx={styles.main}>
-    //     {/* <Header onOpen={() => setOpen(s => !s)} /> */}
-    //     <div sx={styles.wrapper}>
-    //       <Sidebar
-    //         ref={nav}
-    //         open={open}
-    //         onFocus={() => setOpen(true)}
-    //         onBlur={() => setOpen(false)}
-    //         onClick={() => setOpen(false)}
-    //       />
-    //       <MainContainer data-testid="main-container">{children}</MainContainer>
-    //     </div>
-    //   </Main>
-    // </BaseLayout>
   )
 }

src/gatsby-theme-docz/components/MainContainer/index.js

@@ -30,6 +30,7 @@ export const MainContainer = ({ children, ...rest }) => {
       <div className="docs-intro ps-lg-4" style={{ gridArea: 'intro' }}>
         <h1>{current.name}</h1>
         <p>{current.description}</p>
+        <div data-ea-publisher="coreui-io" data-ea-type="image"></div>
       </div>
       <div
         className="docs-toc mt-4 mb-5 my-md-0 ps-xl-5 mb-lg-5 text-muted"

src/gatsby-theme-docz/components/NavGroup/index.js

@@ -37,7 +37,6 @@ export const NavGroup = ({ item, sidebarRef }) => {
       sidebarRef.current.scrollTo(0, currentDocRef.current.offsetTop)
     }
   }, [])
-  console.log(item)
   return (
     <div className="nav-item nav-group show" data-testid="nav-group">
       <div className="nav-link nav-group-toggle" dangerouslySetInnerHTML={{__html: `${icons[item.name]} ${item.name}`}}onClick={toggleSubheadings}>