feat(nav): add GravityView Theming link to menu and sidebar

Surfaces the CSS Design Tokens page (/gravityview/css-tokens/) from two
places, since it's a src/pages route the autogenerated sidebar can't reach:

- GravityView navbar dropdown: a 'Theming' item under the main GravityView link
- GravityView docs sidebar: a new sidebars-gravityview.js (autogenerated tree +
  a 'Theming' link), wired to the GravityView docs plugin via sidebarPath.
  All other products keep the default sidebars.js.

Author: zackkatz

docusaurus.config.js

@@ -88,6 +88,7 @@ const gravityview_nav = {
   position: 'left',
   items: [
     { label: 'GravityView', href: '/docs/gravityview/' },
+    { label: 'Theming', href: '/gravityview/css-tokens/' },
     {
       type: 'html',
       value: '<hr class="dropdown-separator">',
@@ -156,15 +157,20 @@ function getProductPurchaseUrl(productId) {
 // Documentation is generated to ./docs/{product-id}/
 const product_docs_plugins = config_products
   .filter((product) => product?.id && product?.repo)
-  .map((product) => [
-    '@docusaurus/plugin-content-docs',
-    {
+  .map((product) => {
+    const options = {
       id: product.id,
       path: `./docs/${product.id}`,
       routeBasePath: `docs/${product.id}`,
       tagsBasePath: 'since',
-    },
-  ]);
+    };
+    // GravityView uses a custom sidebar that appends a link to the theming
+    // (CSS Design Tokens) page; every other product uses the default sidebars.js.
+    if (product.id === 'gravityview') {
+      options.sidebarPath = './sidebars-gravityview.js';
+    }
+    return ['@docusaurus/plugin-content-docs', options];
+  });
 
 // Generate customLLMFiles configuration for each product
 const customLLMFiles = products_with_docs

sidebars-gravityview.js

@@ -0,0 +1,24 @@
+// @ts-check
+
+/**
+ * GravityView-specific sidebar.
+ *
+ * Same autogenerated tree as the shared sidebars.js, plus a manual link to the
+ * CSS Design Tokens (theming) page. That page lives at /gravityview/css-tokens/
+ * as a src/pages React route — it is NOT a doc under docs/gravityview/, so the
+ * autogenerated sidebar can't pick it up on its own.
+ */
+
+/** @type {import('@docusaurus/plugin-content-docs').SidebarsConfig} */
+const sidebars = {
+  mainSidebar: [
+    { type: 'autogenerated', dirName: '.' },
+    {
+      type: 'link',
+      label: 'Theming',
+      href: '/gravityview/css-tokens/',
+    },
+  ],
+};
+
+export default sidebars;