docs: add LLM dropdown menu to documentation pages (#12235)

* docs: add LLM dropdown menu to documentation pages

* fix build errors

www/apps/api-reference/markdown/admin.mdx

@@ -17,7 +17,7 @@ import ClientLibraries from "./client-libraries.mdx"
 
 <DividedMarkdownContent>
 
-<H1 className={"!h2-docs scroll-m-[184px] lg:scroll-m-[264px]"} id="introduction">Medusa V2 Admin API Reference</H1>
+<H1 className={"!h2-docs scroll-m-[184px] lg:scroll-m-[264px]"} id="introduction" hideLlmDropdown>Medusa V2 Admin API Reference</H1>
 
 This API reference includes Medusa v2's Admin APIs, which are REST APIs exposed by the Medusa application. They are used to perform admin functionalities or create an admin dashboard to access and manipulate your commerce store's data.
 

www/apps/api-reference/markdown/store.mdx

@@ -17,7 +17,7 @@ import ClientLibraries from "./client-libraries.mdx"
 
 <DividedMarkdownContent>
 
-<H1 className={"!h2-docs scroll-m-[184px] lg:scroll-m-[264px]"} id="introduction">Medusa V2 Store API Reference</H1>
+<H1 className={"!h2-docs scroll-m-[184px] lg:scroll-m-[264px]"} id="introduction" hideLlmDropdown>Medusa V2 Store API Reference</H1>
 
 This API reference includes Medusa v2's Store APIs, which are REST APIs exposed by the Medusa application. They are used to create a storefront for your commerce store, such as a webshop or a commerce mobile app.
 

www/apps/book/app/_not-found.mdx

@@ -1,4 +1,4 @@
-import { CardList } from "docs-ui"
+import { CardList, H1 } from "docs-ui"
 import {
   BookOpen,
   AcademicCapSolid,
@@ -10,7 +10,7 @@ export const metadata = {
   title: `Page Not Found`,
 }
 
-# {metadata.title}
+<H1 hideLlmDropdown>{metadata.title}</H1>
 
 The page you were looking for isn't available.
 

www/apps/resources/app/not-found.mdx

@@ -1,4 +1,4 @@
-import { CardList } from "docs-ui"
+import { CardList, H1 } from "docs-ui"
 import {
   BookOpen,
   AcademicCapSolid,
@@ -10,7 +10,7 @@ export const metadata = {
   title: `Page Not Found`,
 }
 
-# {metadata.title}
+<H1 hideLlmDropdown>{metadata.title}</H1>
 
 The page you were looking for isn't available.
 

www/apps/ui/src/app/(content)/[[...slug]]/page.tsx

@@ -5,6 +5,7 @@ import { notFound } from "next/navigation"
 import { Mdx } from "@/components/mdx-components"
 import { siteConfig } from "@/config/site"
 import { Metadata } from "next"
+import { H1 } from "docs-ui"
 
 interface DocPageProps {
   params: Promise<{
@@ -58,7 +59,7 @@ export default async function DocPage(props: DocPageProps) {
 
   return (
     <div className="flex flex-col">
-      <h1 className="h1-docs text-medusa-fg-base mb-2">{doc.title}</h1>
+      <H1>{doc.title}</H1>
       <Text className="text-medusa-fg-subtle mb-6" size="large">
         {doc.description}
       </Text>

www/apps/ui/src/app/not-found.mdx

@@ -1,4 +1,4 @@
-import { CardList } from "docs-ui"
+import { CardList, H1 } from "docs-ui"
 import {
   BookOpen,
   AcademicCapSolid,
@@ -10,7 +10,7 @@ export const metadata = {
   title: `Page Not Found`,
 }
 
-# {metadata.title}
+<H1 hideLlmDropdown>{metadata.title}</H1>
 
 The page you were looking for isn't available.
 

www/apps/ui/src/app/not-found.tsx

@@ -20,7 +20,7 @@ export default function NotFound() {
   return (
     <div>
       {/* @ts-expect-error React v19 doesn't recognize these as elements. */}
-      <H1>Page Not Found</H1>
+      <H1 hideLlmDropdown>Page Not Found</H1>
       {/* @ts-expect-error React v19 doesn't recognize these as elements. */}
       <P>The page you were looking for isn&apos;t available.</P>
       {/* @ts-expect-error React v19 doesn't recognize these as elements. */}

www/apps/user-guide/app/not-found.mdx

@@ -1,4 +1,4 @@
-import { CardList } from "docs-ui"
+import { CardList, H1 } from "docs-ui"
 import {
   BookOpen,
   AcademicCapSolid,
@@ -10,7 +10,7 @@ export const metadata = {
   title: `Page Not Found`,
 }
 
-# {metadata.title}
+<H1 hideLlmDropdown>{metadata.title}</H1>
 
 The page you were looking for isn't available.