docs: update dependencies (#6046)

www/apps/docs/src/theme/AnnouncementBar/index.tsx

@@ -7,6 +7,7 @@ import AnnouncementBarContent from "@theme/AnnouncementBar/Content"
 import clsx from "clsx"
 import { Bordered } from "docs-ui"
 import { BellAlertSolid } from "@medusajs/icons"
+import Link from "@docusaurus/Link"
 
 export default function AnnouncementBar(): JSX.Element | null {
   const { announcementBar } = useThemeConfig()
@@ -42,7 +43,7 @@ export default function AnnouncementBar(): JSX.Element | null {
           className={clsx("z-[101] text-right lg:basis-[50px]")}
         />
       )}
-      <a
+      <Link
         href={id}
         className={clsx("absolute top-0 left-0 w-full h-full z-[100]")}
       />

www/apps/docs/src/theme/CodeBlock/Content/String.tsx

@@ -16,6 +16,7 @@ import { Tooltip, CopyButton } from "docs-ui"
 import useIsBrowser from "@docusaurus/useIsBrowser"
 import { ThemeConfig } from "@medusajs/docs"
 import { ExclamationCircleSolid, SquareTwoStackSolid } from "@medusajs/icons"
+import Link from "@docusaurus/Link"
 
 // Prism languages are always lowercase
 // We want to fail-safe and allow both "php" and "PHP"
@@ -114,7 +115,7 @@ export default function CodeBlockString({
               >
                 {!noReport && (
                   <Tooltip text="Report Incorrect Code">
-                    <a
+                    <Link
                       href={`${reportCodeLinkPrefix}&title=${encodeURIComponent(
                         `Docs(Code Issue): Code Issue in ${
                           isBrowser ? location.pathname : ""
@@ -129,7 +130,7 @@ export default function CodeBlockString({
                       rel="noreferrer"
                     >
                       <ExclamationCircleSolid className="text-medusa-code-icon" />
-                    </a>
+                    </Link>
                   </Tooltip>
                 )}
                 {!noCopy && (

www/apps/docs/src/theme/EditThisPage/index.tsx

@@ -4,11 +4,12 @@ import { ThemeClassNames } from "@docusaurus/theme-common"
 import type { Props } from "@theme/EditThisPage"
 import { Button } from "docs-ui"
 import clsx from "clsx"
+import Link from "@docusaurus/Link"
 
 export default function EditThisPage({ editUrl }: Props): JSX.Element {
   return (
     <Button variant="secondary">
-      <a
+      <Link
         href={editUrl}
         target="_blank"
         rel="noreferrer noopener"
@@ -20,7 +21,7 @@ export default function EditThisPage({ editUrl }: Props): JSX.Element {
         >
           Edit this page
         </Translate>
-      </a>
+      </Link>
     </Button>
   )
 }

www/apps/docs/src/theme/NotFound/Content/index.tsx

@@ -3,6 +3,8 @@ import clsx from "clsx"
 import Translate from "@docusaurus/Translate"
 import type { Props } from "@theme/NotFound/Content"
 import useBaseUrl from "@docusaurus/useBaseUrl"
+import Heading from "@theme/Heading"
+import Link from "@docusaurus/Link"
 
 export default function NotFoundContent({ className }: Props): JSX.Element {
   return (
@@ -11,14 +13,14 @@ export default function NotFoundContent({ className }: Props): JSX.Element {
     >
       <div className="row">
         <div className="col col--6 col--offset-3">
-          <h1>
+          <Heading as="h1">
             <Translate
               id="theme.NotFound.title"
               description="The title of the 404 page"
             >
               Page Not Found
             </Translate>
-          </h1>
+          </Heading>
           <p>
             <Translate
               id="theme.NotFound.p1"
@@ -31,41 +33,43 @@ export default function NotFoundContent({ className }: Props): JSX.Element {
           </p>
           <p>
             If you think this is a mistake, please{" "}
-            <a
+            <Link
               href="https://github.com/medusajs/medusa/issues/new?assignees=&labels=type%3A+docs&template=docs.yml"
               rel="noopener noreferrer"
               target="_blank"
             >
               report this issue on GitHub
-            </a>
+            </Link>
           </p>
-          <h2>Some popular links</h2>
+          <Heading as="h2">Some popular links</Heading>
           <ul>
             <li>
-              <a href={useBaseUrl("/usage/create-medusa-app")}>
+              <Link href={useBaseUrl("/create-medusa-app")}>
                 Install Medusa with create-medusa-app
-              </a>
+              </Link>
             </li>
             <li>
-              <a href="https://docs.medusajs.com/api/store">
+              <Link href="https://docs.medusajs.com/api/store">
                 Storefront REST API Reference
-              </a>
+              </Link>
             </li>
             <li>
-              <a href="https://docs.medusajs.com/api/admin">
+              <Link href="https://docs.medusajs.com/api/admin">
                 Admin REST API Reference
-              </a>
+              </Link>
             </li>
             <li>
-              <a href={useBaseUrl("/starters/nextjs-medusa-starter")}>
+              <Link href={useBaseUrl("/starters/nextjs-medusa-starter")}>
                 Install Next.js Storefront
-              </a>
+              </Link>
             </li>
             <li>
-              <a href={useBaseUrl("/admin/quickstart")}>Install Medusa Admin</a>
+              <Link href={useBaseUrl("/admin/quickstart")}>
+                Install Medusa Admin
+              </Link>
             </li>
             <li>
-              <a href={useBaseUrl("/user-guide")}>User Guide</a>
+              <Link href={useBaseUrl("/user-guide")}>User Guide</Link>
             </li>
           </ul>
         </div>