replace md to mdx

Author: peppescg

docs/toolhive/guides-ui/run-mcp-servers.md renamed to docs/toolhive/guides-ui/run-mcp-servers.mdx

@@ -17,13 +17,24 @@ list to run it securely with just a few clicks.
 ### Select an MCP server
 
 To install an MCP server (local
-<img src="/img/mcp-servers/local-mcp.svg" width="16" class="theme-icon"
-alt="Local MCP icon" /> or remote
-<img src="/img/mcp-servers/remote-mcp.svg" width="16" class="theme-icon"
-alt="Remote MCP icon" />) from the registry:
+
+<img
+  src='/img/mcp-servers/local-mcp.svg'
+  width='16'
+  className='theme-icon'
+  alt='Local MCP icon'
+/>
+or remote
+<img
+  src='/img/mcp-servers/remote-mcp.svg'
+  width='16'
+  className='theme-icon'
+  alt='Remote MCP icon'
+/>
+) from the registry:
 
 1. Open the **Registry** page from the menu bar.
-2. Browse or search for the MCP server you want to install,.
+2. Browse or search for the MCP server you want to install.
 3. Click on the desired MCP server to open its details page. Here you can review
    more information about the server like its:
    - Description
@@ -33,17 +44,22 @@ alt="Remote MCP icon" />) from the registry:
    - A link to the GitHub repository for more details and usage documentation
 4. Click the **Install server** button to start the installation process.
 
-### Configure the server {#configure-server}
+### Configure the server
 
 <Tabs queryString="server-type" lazy>
   <TabItem
     value='local'
-    label={<><img src="/img/mcp-servers/local-mcp.svg" width="16"
-    className="theme-icon spacing-icon" alt="Local MCP icon" /> Local MCP</>}
+    label={
+      <>
+        <img src="/img/mcp-servers/local-mcp.svg" width="16" className="theme-icon spacing-icon" alt="Local MCP icon" />
+        {' '}Local MCP
+      </>
+    }
     default>
-   **Local MCP servers** run directly on your machine using containers engine.
+   **Local MCP servers** run directly on your machine using your container runtime.
 
-On the configuration form, enter the following details:
+The configuration form is pre-filled with defaults from the registry. Enter the
+remaining required information and adjust any optional settings as needed:
 
 1. **Server name**: A unique name for the MCP server.\
    This defaults to the MCP server's name in the registry. If you want to run
@@ -86,11 +102,16 @@ GitHub repository is provided on each server's details page.
   </TabItem>
   <TabItem
     value='remote'
-    label={<><img src="/img/mcp-servers/remote-mcp.svg" width="16"
-    className="theme-icon spacing-icon" alt="Remote MCP icon" /> Remote MCP</>}>
-    **Remote MCP servers** are hosted services that you connect to. They offer:
+    label={
+      <>
+        <img src="/img/mcp-servers/remote-mcp.svg" width="16" className="theme-icon spacing-icon" alt="Remote MCP icon" />
+        {' '}Remote MCP
+      </>
+    }>
+    **Remote MCP servers** are hosted services that you connect to.
 
-On the configuration form, that is pre-filled, enter the following details:
+The configuration form is pre-filled with defaults from the registry. Enter the
+remaining required information and adjust any optional settings as needed:
 
 1. A unique **name** for the MCP server. [Required]
 2. The **URL** of the remote MCP server. [Required]
@@ -193,13 +214,17 @@ You're not limited to the MCP servers in the registry. You can run remote MCP
 servers by providing a URL, or your own local custom MCP servers using Docker
 images or source packages.
 
-## Install a custom MCP server {#custom-mcp-server}
+## Install a custom MCP server
 
 <Tabs queryString="custom-type" lazy>
   <TabItem
     value='custom_local'
-    label={<><img src="/img/mcp-servers/local-mcp.svg" width="16"
-    className="theme-icon spacing-icon" alt="Local MCP icon" /> Custom Local MCP</>}
+    label={
+      <>
+        <img src="/img/mcp-servers/local-mcp.svg" width="16" className="theme-icon spacing-icon" alt="Local MCP icon" />
+        {' '}Custom Local MCP
+      </>
+    }
     default>
 
 On the **MCP Servers** page, click **Add an MCP server**, then choose **Add
@@ -304,10 +329,16 @@ On the configuration form, enter:
    - For non-sensitive environment variables, enter the name and value directly.
 
 Click **Install server** to create and start the MCP server container.
-</TabItem> <TabItem value='custom_remote'
-label={<><img src="/img/mcp-servers/remote-mcp.svg" width="16"
-    className="theme-icon spacing-icon" alt="Remote MCP icon" /> Custom Remote
-MCP</>}>
+
+  </TabItem>
+  <TabItem
+    value='custom_remote'
+    label={
+      <>
+        <img src="/img/mcp-servers/remote-mcp.svg" width="16" className="theme-icon spacing-icon" alt="Remote MCP icon" />
+        {' '}Custom Remote MCP
+      </>
+    }>
 
 On the **MCP Servers** page, click **Add an MCP server**, then choose **Add a
 remote MCP server** in the drop-down menu.
@@ -460,7 +491,7 @@ GitHub OAuth app from the previous example.
   </TabItem>
 </Tabs>
 
-## Mount host files and folders (Volumes) {#volumes}
+## Mount host files and folders (Volumes) \{#volumes}
 
 Some MCP servers need access to files on your machine. You can mount host paths
 directly in the UI.