text: import '@/css/tailwind.css'
  import '@/css/prism.css'
  import '@/css/custom.scss'
  import 'react-image-gallery/styles/scss/image-gallery.scss'
  
  import { ThemeProvider } from 'next-themes'
  import Head from 'next/head'
  
  import Analytics from '@/components/analytics'
  import LayoutWrapper from '@/components/LayoutWrapper'
  import { ClientReload } from '@/components/ClientReload'
  
  const isDevelopment = process.env.NODE_ENV === 'development'
  
  export default function App({ Component, pageProps }) {
    return (
      <ThemeProvider attribute="class">
        <Head>
          <meta content="width=device-width, initial-scale=1" name="viewport" />
        </Head>
        {isDevelopment && <ClientReload />}
        <Analytics />
        <LayoutWrapper>
          <Component {...pageProps} />
        </LayoutWrapper>
      </ThemeProvider>
    )
  }
  