Fix sidebars

Author: hawkeyexl

sidebars.ts

@@ -1,4 +1,4 @@
-import type {SidebarsConfig} from '@docusaurus/plugin-content-docs';
+import type { SidebarsConfig } from "@docusaurus/plugin-content-docs";
 
 /**
  * Creating a sidebar enables you to:
@@ -14,47 +14,76 @@ const sidebars: SidebarsConfig = {
   // By default, Docusaurus generates a sidebar from the docs folder structure
   docsSidebar: [
     {
-      type: 'category',
-      label: 'Get started',
-      items: ['get-started/intro', 'get-started/installation', 'get-started/concepts', 'get-started/create-your-first-test', 'get-started/sample-tests', 'get-started/resources', 'get-started/tutorials'],
+      type: "category",
+      label: "Get started",
+      items: [
+        "get-started/intro",
+        "get-started/installation",
+        "get-started/concepts",
+        "get-started/create-your-first-test",
+        "get-started/sample-tests",
+        "get-started/resources",
+        {
+          type: "category",
+          label: "Tutorials",
+          link: {
+            type: "generated-index",
+            description:
+              "These examples walk through the steps of setting up and running Doc Detective tests.",
+          },
+          items: [
+            "get-started/tutorials/set-up-your-test-environment",
+            "get-started/tutorials/capture-screenshot",
+            "get-started/tutorials/record-video",
+          ],
+        },
+      ],
     },
     {
-      type: 'category',
-      label: 'Configuration',
-      link: {type: 'generated-index', description: 'Doc Detective tries to have sane defaults, but it also allows for a lot of customization. This section covers the various configuration options available to you.'},
-      items: ['get-started/config/contexts/index']
+      type: "category",
+      label: "Configuration",
+      link: {
+        type: "generated-index",
+        description:
+          "Doc Detective tries to have sane defaults, but it also allows for a lot of customization. This section covers the various configuration options available to you.",
+      },
+      items: ["get-started/config/contexts/index"],
     },
     {
-      type: 'category',
-      label: 'Guides',
-      link: {type: 'generated-index'},
+      type: "category",
+      label: "Guides",
+      link: { type: "generated-index" },
       items: [
-        'get-started/tests/index',
+        "get-started/tests/index",
         {
-          type: 'category',
-          label: 'Actions',
-          link: {type: 'generated-index', description: 'Actions are the commands performed in each step of a test. Each action has a specific purpose, such as checking a link, finding an element, or navigating to a URL.'},
+          type: "category",
+          label: "Actions",
+          link: {
+            type: "generated-index",
+            description:
+              "Actions are the commands performed in each step of a test. Each action has a specific purpose, such as checking a link, finding an element, or navigating to a URL.",
+          },
           items: [
-            'get-started/actions/checkLink',
-            'get-started/actions/click',
-            'get-started/actions/find',
-            'get-started/actions/goTo',
-            'get-started/actions/httpRequest',
-            'get-started/actions/runCode',
-            'get-started/actions/runShell',
-            'get-started/actions/screenshot',
-            'get-started/actions/loadVariables',
-            'get-started/actions/record',
-            'get-started/actions/stopRecord',
-            'get-started/actions/type',
-            'get-started/actions/wait'
-          ]
-        }
-      ]
+            "get-started/actions/checkLink",
+            "get-started/actions/click",
+            "get-started/actions/find",
+            "get-started/actions/goTo",
+            "get-started/actions/httpRequest",
+            "get-started/actions/runCode",
+            "get-started/actions/runShell",
+            "get-started/actions/screenshot",
+            "get-started/actions/loadVariables",
+            "get-started/actions/record",
+            "get-started/actions/stopRecord",
+            "get-started/actions/type",
+            "get-started/actions/wait",
+          ],
+        },
+      ],
     },
   ],
-  referencesSidebar: [{type: 'autogenerated', dirName: 'references'}],
-  contributeSidebar: [{type: 'autogenerated', dirName: 'contribute'}],
+  referencesSidebar: [{ type: "autogenerated", dirName: "references" }],
+  contributeSidebar: [{ type: "autogenerated", dirName: "contribute" }],
 
   // But you can create a sidebar manually
   /*