Create sidebar tree

packages/website/docs/Features/Functions.mdx

@@ -2,7 +2,7 @@
 sidebar_position: 7
 ---
 
-import { SquiggleEditor } from "../src/components/SquiggleEditor";
+import { SquiggleEditor } from "../../src/components/SquiggleEditor";
 
 # Squiggle Functions Reference
 

packages/website/docs/Features/Language.mdx

@@ -2,7 +2,7 @@
 sidebar_position: 2
 ---
 
-import { SquiggleEditor } from "../src/components/SquiggleEditor";
+import { SquiggleEditor } from "../../src/components/SquiggleEditor";
 
 # Squiggle Language
 

packages/website/sidebars.js

@@ -14,7 +14,38 @@
 /** @type {import('@docusaurus/plugin-content-docs').SidebarsConfig} */
 const sidebars = {
   // By default, Docusaurus generates a sidebar from the docs folder structure
-  tutorialSidebar: [{ type: "autogenerated", dirName: "." }],
+  tutorialSidebar: [
+    {
+        type: 'doc',
+        id: 'Introduction',
+        label: 'Introduction'
+    },
+    {
+        type: 'doc',
+        id: 'Playground',
+        label: 'Playground'
+    },
+    {
+      type: 'category',
+      label: 'Features',
+      items: [
+        {
+          type: 'autogenerated',
+          dirName: 'Features'
+        }
+        ]
+    },
+    {
+      type: 'category',
+      label: 'Discussions',
+      items: [
+        {
+          type: 'autogenerated',
+          dirName: 'Discussions', 
+        },
+        ]
+    }
+  ]
 
   // But you can create a sidebar manually
   /*