docs: update theme

Author: mrholek

packages/docs/src/components/Header.tsx

@@ -68,11 +68,11 @@ const Header: FC = () => {
                 <CDropdownToggle caret={false}>
                   {colorMode === 'dark' ? (
                     <CIcon icon={cilMoon} size="xl" />
-                  ) : colorMode === 'auto' ? (
+                  ) : (colorMode === 'auto' ? (
                     <CIcon icon={cilContrast} size="xl" />
                   ) : (
                     <CIcon icon={cilSun} size="xl" />
-                  )}
+                  ))}
                 </CDropdownToggle>
                 <CDropdownMenu>
                   <CDropdownItem

packages/docs/src/components/ScssDocs.tsx

@@ -1,8 +1,13 @@
-import React, { FC } from 'react'
+import React from 'react'
 import { useStaticQuery, graphql } from 'gatsby'
 import { Highlight, Prism } from 'prism-react-renderer'
 
-const ScssDocs: FC = ({ file, capture }: { file: string; capture: string }) => {
+interface ScssDocsProps {
+  file: string
+  capture: string
+}
+
+const ScssDocs = ({ file, capture }: ScssDocsProps) => {
   ;(typeof global === 'undefined' ? window : global).Prism = Prism
   // eslint-disable-next-line unicorn/prefer-module
   require('prismjs/components/prism-scss')
@@ -24,7 +29,7 @@ const ScssDocs: FC = ({ file, capture }: { file: string; capture: string }) => {
     }
   `)
 
-  // eslint-disable-line @typescript-eslint/no-explicit-any
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const _file = data.allFile.edges.find((node: any) => node.node.relativePath === file)
   const captureStart = `// scss-docs-start ${capture}`
   const captureEnd = `// scss-docs-end ${capture}`

packages/docs/src/templates/DefaultLayout.tsx

@@ -1,4 +1,4 @@
-import React, { FC, useEffect, useState } from 'react'
+import React, { FC, useState } from 'react'
 import { Footer, Header, Sidebar, Seo } from '../components'
 import { CContainer } from '@coreui/react/src/'
 import DocsLayout from './DocsLayout'

packages/docs/src/templates/MdxLayout.tsx

@@ -5,8 +5,8 @@ import { CBadge, CTable } from '@coreui/react/src/index'
 import { Callout, CodeBlock, Example, ScssDocs } from '../components'
 
 interface MdxLayoutProps {
-  data: any
-  children: any
+  data: any // eslint-disable-line @typescript-eslint/no-explicit-any
+  children: any // eslint-disable-line @typescript-eslint/no-explicit-any
 }
 
 const MdxLayout: FC<MdxLayoutProps> = ({ children }) => {