fix breadcrumb links

Author: jderochervlk

app/routes/MdxRoute.res

@@ -305,7 +305,21 @@ let default = () => {
         <DocsLayout
           categories
           activeToc={title: "Introduction", entries}
-          breadcrumbs=?loaderData.breadcrumbs
+          breadcrumbs=?{loaderData.breadcrumbs->Option.map(crumbs =>
+            List.mapWithIndex(crumbs, (item, index) => {
+              if index === 0 {
+                if (pathname :> string)->String.includes("docs/manual") {
+                  {...item, href: "/docs/manual/introduction"}
+                } else if (pathname :> string)->String.includes("docs/react") {
+                  {...item, href: "/docs/react/introduction"}
+                } else {
+                  item
+                }
+              } else {
+                item
+              }
+            })
+          )}
           editHref={`https://github.com/rescript-lang/rescript-lang.org/blob/master${loaderData.filePath->Option.getOrThrow}`}
         >
           <div className="markdown-body"> {component()} </div>

app/routes/NotFoundRoute.res

@@ -1,5 +1,18 @@
 @react.component
 let default = () => {
+  let {pathname} = ReactRouter.useLocation()
+  let navigate = ReactRouter.useNavigate()
+
+  React.useEffect(() => {
+    if (pathname :> string)->String.includes("/react/") {
+      navigate("/docs/react/introduction")
+    }
+    if (pathname :> string)->String.includes("/docs/") {
+      navigate("/docs/manual/introduction")
+    }
+    None
+  }, [])
+
   <div className="pt-36 text-center flex flex-col gap-6 text-gray-80 w-fit mx-auto">
     <h1 className="hl-title"> {React.string("404")} </h1>
     <h2 className="text-32"> {React.string("Page Not Found")} </h2>

src/ApiDocs.res

@@ -377,7 +377,7 @@ let make = (props: props) => {
   let breadcrumbs = ApiLayout.makeBreadcrumbs(~prefix, route)
 
   <SidebarLayout
-    breadcrumbs={list{{Url.name: "Docs", href: "/docs/manual/introduction"}, ...breadcrumbs}}
+    breadcrumbs={list{{Url.name: "Docs", href: "/docs/manual/api"}, ...breadcrumbs}}
     theme=#Reason
     sidebarState=(isSidebarOpen, setSidebarOpen)
     sidebar

src/layouts/ApiOverviewLayout.res

@@ -24,7 +24,7 @@ module Docs = {
     let {pathname: route} = ReactRouter.useLocation()
 
     let breadcrumbs = list{
-      {Url.name: "Docs", href: `/docs/manual/introduction`},
+      {Url.name: "Docs", href: `/docs/manual/api`},
       {name: "API", href: `/docs/manual/api`},
     }