feat: creation of addons section

docs/addons/index.md

@@ -0,0 +1,10 @@
+---
+title: Addons
+---
+
+```mdx-code-block
+import DocCardList from '@theme/DocCardList';
+import {useCurrentSidebarCategory} from '@docusaurus/theme-common';
+
+<DocCardList items={useCurrentSidebarCategory().items}/>
+```

docs/development/custom-apps.md

@@ -5,7 +5,7 @@ description: 🔧 Creating Custom Apps.
 
 ## How to start
 
-- Make a new folder for your custom app in your [CustomApps folder](../advanced-usage/custom-apps). You'll install it like any other custom app.
+- Make a new folder for your custom app in your [CustomApps folder](../addons/custom-apps). You'll install it like any other custom app.
 - Create an `index.js` and a `manifest.json` inside that folder.
 - The `index.js` file is the main file for the custom app.
 - The manifest includes some important information to make the custom app work.

docusaurus.config.js

@@ -87,6 +87,10 @@ const config = {
                 label: 'Advanced Usage',
                 to: '/docs/advanced-usage',
               },
+              {
+                label: 'Addons',
+                to: '/docs/addons',
+              },
               {
                 label: 'Development',
                 to: '/docs/development',

sidebars.js

@@ -27,10 +27,21 @@ const sidebars = {
       items: [
         'advanced-usage/installation',
         'advanced-usage/uninstallation',
-        'advanced-usage/command-line-interface',
-        'advanced-usage/themes',
-        'advanced-usage/extensions',
-        'advanced-usage/custom-apps',
+        'advanced-usage/command-line-interface'
+      ],
+    },
+    {
+      type: 'category',
+      label: 'Addons',
+      link: {
+        type: 'generated-index',
+        description: "Here is a collection of official and popular addons, and what they do.",
+        slug: '/addons',
+      },
+      items: [
+        'addons/themes',
+        'addons/extensions',
+        'addons/custom-apps',
       ],
     },
     {