frontend/src/pages/_app.js

import Head from 'next/head';
import '../styles/globals.css';
import { Bricolage_Grotesque } from 'next/font/google';

const bricolageGrotesque = Bricolage_Grotesque({
  subsets: ['latin'],
  variable: '--font-bricolage',
});

export default function App({ Component, pageProps }) {
  return (
    <>
      <div className={bricolageGrotesque.variable} style={{ fontFamily: 'Bricolage Grotesque, sans-serif' }}>
        <Component {...pageProps} />
      </div>
    </>
  );
}