text: import { ColorModeScript } from "@chakra-ui/react";
  import Document, { Html, Head, Main, NextScript } from "next/document";
  import colorMode from "../themes/colorMode";
  
  class MyDocument extends Document {
    static async getInitialProps(ctx) {
      const initialProps = await Document.getInitialProps(ctx);
      return { ...initialProps };
    }
  
    render() {
      return (
        <Html lang="en">
          <Head>
            <link rel="icon" type="image/png" href="/favicon/favicon-16x16.png" />
            <link
              rel="apple-touch-icon"
              sizes="180x180"
              href="/favicon/apple-touch-icon.png"
            />
            <link
              rel="icon"
              type="image/png"
              sizes="32x32"
              href="/favicon/favicon-32x32.png"
            />
            <link
              rel="icon"
              type="image/png"
              sizes="16x16"
              href="/favicon/favicon-16x16.png"
            />
          </Head>
          <body>
            <ColorModeScript
              initialColorMode={colorMode.config.initialColorMode}
            />
  
            <Main />
            <NextScript />
          </body>
        </Html>
      );
    }
  }
  
  export default MyDocument;
  