docs: redesign table of content (#12647)

* implement toc

* added to projects

* fixes and adapt for references

* added product frontmatter

* remove action menu from 404 pages

www/apps/resources/mdx-options.mjs

@@ -4,9 +4,11 @@ import {
   cloudinaryImgRehypePlugin,
   resolveAdmonitionsPlugin,
   crossProjectLinksPlugin,
+  remarkAttachFrontmatterDataPlugin,
 } from "remark-rehype-plugins"
 import remarkFrontmatter from "remark-frontmatter"
 import remarkDirective from "remark-directive"
+import withExtractedTableOfContents from "@stefanprobst/rehype-extract-toc"
 
 /** @type {import("@next/mdx").NextMDXOptions} */
 const mdxPluginOptions = {
@@ -57,9 +59,11 @@ const mdxPluginOptions = {
           },
         },
       ],
+      [withExtractedTableOfContents],
     ],
     remarkPlugins: [
       [remarkFrontmatter],
+      [remarkAttachFrontmatterDataPlugin],
       [remarkDirective],
       [resolveAdmonitionsPlugin],
     ],