docs: add error page (#13839)

www/apps/api-reference/app/layout.tsx

@@ -1,9 +1,9 @@
 import "./globals.css"
 import Providers from "../providers"
 import { BareboneLayout, WideLayout } from "docs-ui"
-import { Inter, Roboto_Mono } from "next/font/google"
 import clsx from "clsx"
 import { Metadata } from "next"
+import { inter, robotoMono } from "./fonts"
 
 const ogImage =
   "https://res.cloudinary.com/dza7lstvk/image/upload/v1732200992/Medusa%20Resources/opengraph-image_daq6nx.jpg"
@@ -36,17 +36,6 @@ export const metadata: Metadata = {
   },
 }
 
-const inter = Inter({
-  subsets: ["latin"],
-  variable: "--font-inter",
-  weight: ["400", "500"],
-})
-
-const robotoMono = Roboto_Mono({
-  subsets: ["latin"],
-  variable: "--font-roboto-mono",
-})
-
 export default function RootLayout({
   children,
 }: {