docs: update dependencies (#6046)

www/apps/docs/src/components/Diagram2CodeSpecs/index.tsx

@@ -5,6 +5,7 @@ import TabItem from "@theme/TabItem"
 import { specs } from "../../utils/specs"
 import CodeBlock from "../../theme/CodeBlock"
 import Mermaid from "@docusaurus/theme-mermaid/lib/theme/Mermaid/index.js"
+import Heading from "@theme/Heading"
 
 type WorkflowReferenceProps = {
   specName: string
@@ -28,7 +29,7 @@ const Diagram2CodeSpecs = ({ specName }: WorkflowReferenceProps) => {
       {!Object.keys(specsData).length && <span>No diagrams found</span>}
       {Object.entries(specsData).map(([name, diagram2code]) => (
         <React.Fragment key={name}>
-          <h2>{transformTitle(name)}</h2>
+          <Heading as="h2">{transformTitle(name)}</Heading>
           <Tabs groupId="workflows">
             <TabItem
               value="diagram"

www/apps/docs/src/components/Footer/SocialLinks/index.tsx

@@ -4,6 +4,7 @@ import IconGitHub from "@site/src/theme/Icon/GitHub"
 import IconDiscord from "@site/src/theme/Icon/Discord"
 import IconLinkedIn from "@site/src/theme/Icon/LinkedIn"
 import { SocialLink } from "@medusajs/docs"
+import Link from "@docusaurus/Link"
 
 type SocialLinksProps = {
   links?: SocialLink[]
@@ -28,9 +29,13 @@ const SocialLinks: React.FC<SocialLinksProps> = ({ links = [] }) => {
   return (
     <div className="flex items-center">
       {links.map((link) => (
-        <a className="group ml-1 first:ml-0" href={link.href} key={link.type}>
+        <Link
+          className="group ml-1 first:ml-0"
+          href={link.href}
+          key={link.type}
+        >
           {socialIcons[link.type]}
-        </a>
+        </Link>
       ))}
     </div>
   )

www/apps/docs/src/components/Navbar/Actions/index.tsx

@@ -3,6 +3,7 @@ import { NavbarAction } from "@medusajs/docs"
 import Icon from "../../../theme/Icon"
 import clsx from "clsx"
 import { Button, Tooltip } from "docs-ui"
+import Link from "@docusaurus/Link"
 
 type NavbarActionsProps = {
   items: NavbarAction[]
@@ -28,7 +29,7 @@ const NavbarActions: React.FC<NavbarActionsProps> = ({
                 key={index}
                 tooltipClassName="!text-compact-x-small-plus"
               >
-                <a
+                <Link
                   href={item.href}
                   title={item.title}
                   className={clsx(
@@ -39,7 +40,7 @@ const NavbarActions: React.FC<NavbarActionsProps> = ({
                   {item.label}
                   {ItemIconElm}
                   {ItemIcon && <ItemIcon />}
-                </a>
+                </Link>
               </Tooltip>
             )
           case "button":
@@ -60,7 +61,7 @@ const NavbarActions: React.FC<NavbarActionsProps> = ({
                   {ItemIconElm}
                   {ItemIcon && <ItemIcon />}
                   {item.href && (
-                    <a
+                    <Link
                       href={item.href}
                       className="absolute top-0 left-0 w-full h-full"
                     />