update sidebars and dropdown menu and add intro page

Author: NoahMaizels

docs/develop/access-the-swarm/introduction.md

@@ -0,0 +1,22 @@
+---
+title: Introduction
+id: introduction
+---
+
+This section introduces guides for the primary use cases of building on Swarm.  
+
+
+### [**Upload and Download**](/docs/develop/access-the-swarm/upload-and-download)  
+  Learn how to upload and retrieve different types of data from Swarm, in both Node.js and browser environments.
+
+### [**Host a Website**](/docs/develop/access-the-swarm/host-your-website)  
+  Publish a website to Swarm, and optionally configure ENS for a human-readable domain.
+
+### [**Publish Updatable Content**](/docs/develop/access-the-swarm/updatable-content)  
+  Explore how to make your content evolve over time on Swarm, with serialized updates that keep a stable reference.
+
+### [**Add Access Control**](/docs/develop/access-the-swarm/act)  
+  Restrict access to your Swarm content and share it only with authorized users.
+
+### [**Messaging on Swarm**](/docs/develop/access-the-swarm/messaging)  
+  Integrate messaging into your dApps using Swarm — from private encrypted messages to real-time communication.

docs/develop/access-the-swarm/upload-and-download.md

@@ -50,8 +50,12 @@ Once your Bee node is running, a HTTP API is enabled for you to interact with. T
 defaultValue="swarm-cli"
 values={[
 {label: 'Swarm CLI', value: 'swarm-cli'},
+{label: 'bee-js', value: 'bee-js'},
 {label: 'API', value: 'api'},
 ]}>
+
+<TabItem value="bee-js">
+</TabItem>
 <TabItem value="api">
 
 #### API
@@ -213,8 +217,13 @@ Once your file is uploaded to Swarm it can be easily downloaded.
 defaultValue="swarm-cli"
 values={[
 {label: 'Swarm CLI', value: 'swarm-cli'},
+{label: 'bee-js', value: 'bee-js'},
 {label: 'API', value: 'api'},
 ]}>
+
+<TabItem value="bee-js">
+</TabItem>
+
 <TabItem value="api">
 
 #### API

docusaurus.config.js

@@ -176,11 +176,11 @@ module.exports = {
           items: [
             {
               to: 'docs/develop/introduction',
-              label: 'Develop on Swarm'
-            },
+              label: 'Getting Started'
+            },  
             {
               to: 'docs/develop/access-the-swarm/introduction',
-              label: 'Access the Swarm'
+              label: 'Building on Swarm'
             },
             {
               to: 'docs/develop/tools-and-features/introduction',

sidebars.js

@@ -95,6 +95,7 @@ module.exports = {
       type: 'category',
       label: 'Building on Swarm',
       items: [
+        'develop/access-the-swarm/introduction',
         'develop/access-the-swarm/upload-and-download',
         'develop/access-the-swarm/host-your-website',
         'develop/access-the-swarm/updatable-content',