comicbox/pages/_app.tsx

import '../styles/globals.css';
import type { AppProps } from 'next/app';
import { SessionProvider } from 'next-auth/react';
import NavBar from '../components/NavBar';
import Footer from '../components/Footer';

function MyApp({ Component, pageProps }: AppProps) {
    return (
        <div className='min-h-screen flex flex-col'>
            <SessionProvider>
                <NavBar />
                <div className='flex-1'>
                    <Component {...pageProps} />
                </div>
                <Footer />
            </SessionProvider>
        </div>
    );
}

export default MyApp;