feat: add side nav icons

Author: thisisjoshford

docs/cloud/quickstart.mdx

@@ -8,7 +8,7 @@ description: ""
 
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
-import ModelsIcon from '@site/static/img/icons/models-icon.svg';
+import ModelsIcon from '@site/static/img/icons/ai.svg';
 import PrivateInferenceIcon from '@site/static/img/icons/private-inference.svg';
 import VerificationIcon from '@site/static/img/icons/verification.svg';
 import { FeatureCard, FeatureCardGrid } from '@site/src/components/FeatureCard';

package.json

@@ -14,17 +14,17 @@
     "write-heading-ids": "docusaurus write-heading-ids"
   },
   "dependencies": {
-    "@docusaurus/core": "3.8.1",
-    "@docusaurus/preset-classic": "3.8.1",
+    "@docusaurus/core": "^3.9.2",
+    "@docusaurus/preset-classic": "^3.9.2",
     "@mdx-js/react": "^3.0.0",
     "clsx": "^2.0.0",
     "prism-react-renderer": "^2.3.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "3.8.1",
-    "@docusaurus/types": "3.8.1"
+    "@docusaurus/module-type-aliases": "^3.9.2",
+    "@docusaurus/types": "^3.9.2"
   },
   "browserslist": {
     "production": [

sidebars.js

@@ -16,18 +16,45 @@
  */
 const sidebars = {
   docsSidebar: [
-    'cloud/introduction',
-    'cloud/quickstart',
-    'cloud/models',
-    'cloud/private-inference',
+    {
+      type: 'doc',
+      id: 'cloud/introduction',
+      customProps: {
+        icon: '/docs/img/icons/introduction.svg',
+      },
+    },
+    {
+      type: 'doc',
+      id: 'cloud/quickstart',
+      customProps: {
+        icon: '/docs/img/icons/quickstart.svg',
+      },
+    },
+    {
+      type: 'doc',
+      id: 'cloud/models',
+      customProps: {
+        icon: '/docs/img/icons/ai.svg',
+      },
+    },
+    {
+      type: 'doc',
+      id: 'cloud/private-inference',
+      customProps: {
+        icon: '/docs/img/icons/private-inference.svg',
+      },
+    },
     {
       type: 'category',
       label: 'Verification',
       link: {
         type: 'doc',
         id: 'cloud/verification/verification',
       },
-      collapsed: false,
+      collapsed: true,
+      customProps: {
+        icon: '/docs/img/icons/verification.svg',
+      },
       items: [
         'cloud/verification/model-verification',
         'cloud/verification/chat-verification',

src/css/custom.css

@@ -722,3 +722,8 @@ html[data-theme='light'] .doc-model-meta span {
     grid-template-columns: 1fr;
   }
 }
+
+/* Indent nested sidebar items (subitems under categories) */
+.menu__list .menu__list {
+  padding-left: 2rem;
+}