www-new/pages/_app.tsx

import React from "react";
import { AppProps } from "next/app";
import { MDXProvider } from "@mdx-js/react";
import { ThemeProvider } from "../components/theme";
import { Navbar } from "../components/Navbar";
import "./_app.css";
import "./font.css";
import { Link } from "../components/Link";

export default function App({ Component, pageProps }: AppProps): JSX.Element {
  return (
    <ThemeProvider theme="light">
      <MDXProvider components={{ a: Link }}>
        <Navbar />
        <Component {...pageProps} />
      </MDXProvider>
    </ThemeProvider>
  );
}