workspaces to settings cateogry

docs/pages/console/basics/workspaces.mdx → docs/pages/console/basics/settings/workspaces.mdx

@@ -6,34 +6,34 @@ sidebar_position: 6
 
 # Workspaces
 
-The Workspace section, located within the Settings tab of the Polkadot Developer Console, provides developers with essential functionalities for managing their workspace state, enabling personal convenience and collaboration.
+Workspaces provide developers with essential functionalities for managing their workspace state by providing import and export capabilities, as well as the ability to reset the workspace to its default state. 
+
+Workspaces back up your open tabs, tags, active page settings, and even ative search terms, allowing you to save your workspace state for future reference or collaboration with others.
 
 To access the Workspace settings:
 
 1. Click on the Settings cog icon located on the far right of the console interface.
 2. In the Settings menu, select the "Workspace" tab.
 
-The Workspace section offers the following key features:
+![Interface Overview](/png/workspaces/hero.png)
 
 ## Export Workspace
 
-Developers can export their current workspace state by clicking the "Export Workspace" button.
+Developers can export their current workspace state by clicking the __Export Workspace__ button.
 
-- Exporting the workspace generates a .json file that contains the current state of the developer's tabs, tags, chain search, and active page settings.
+- Exporting the workspace generates a `.json` file that contains the current state of the developer's tabs, tags, chain search, and active page settings.
 - This exported file can be saved locally for personal reference or shared with others for collaboration purposes.
 
 ## Import Workspace
 
-Developers can import a previously exported workspace by clicking the "Import Workspace" button.
+Developers can import a previously exported workspace by clicking the __Import Workspace__ button.
 
-- Importing a workspace will replace the current workspace with the state contained in the imported .json file.
+- Importing a workspace will replace the current workspace with the state contained in the imported `.json` file.
 - This feature allows developers to restore a previous workspace state or collaborate with others by importing a shared workspace file.
 - Importing a workspace will overwrite the current tabs, custom tag settings, and other workspace-related configurations.
 
 ## Reset Workspace
 
-The "Reset Workspace" button allows developers to reset their workspace to its default state.
-
-- Resetting the workspace will clear all current tabs, custom tag settings, and other workspace-related configurations.
+The __Reset Workspace__ button allows developers to reset their workspace to its default state.
 
-By leveraging the Workspace functionality, developers can streamline their workflow, maintain their preferred console setup, and seamlessly collaborate with others by sharing workspace configurations.
+- Resetting the workspace will clear all current tabs, custom tag settings, and other workspace-related configurations.

vocs.config.tsx

@@ -37,9 +37,16 @@ export default defineConfig({
               text: 'Interface Overview',
               link: '/console/basics/interface-overview',
             },
+
             {
-              text: 'Workspaces',
-              link: '/console/basics/workspaces',
+              text: 'Settings',
+              collapsed: false,
+              items: [
+                {
+                  text: 'Workspaces',
+                  link: '/console/basics/settings/workspaces',
+                },
+              ],
             },
           ],
         },