_app.page.tsx

import '../styles/globals.css';
import 'cropperjs/dist/cropper.css';
import type { AppProps } from 'next/app';
import { useState } from 'react';
import SeoTags from '../components/seoTags';
import FontFaces from '../components/fontFaces';
import TagManager from '../components/tagManager';
import Layout from '../components/layout';
import { Entry } from '../lib/types';
import { StoreContext } from '../lib/store';

export default function MyApp({ Component, pageProps }: AppProps) {
  const [entries, setEntries] = useState<Array<Entry>>([]);
  const [hasEntries, setHasEntries] = useState(false);
  const [selectedEntry, setSelectedEntry] = useState<Entry | null>(null);

  return (
    <>
      <SeoTags />
      <FontFaces />
      <TagManager />
      <StoreContext.Provider
        value={{
          entries,
          hasEntries,
          selectedEntry,
          setEntries,
          setHasEntries,
          setSelectedEntry,
        }}
      >
        <Layout>
          <Component {...pageProps} />
        </Layout>
      </StoreContext.Provider>
    </>
  );
}