update guide with new images, improve instructions, and fix text inconsistencies for becoming a Root Agent on the Torus Network

Author: Sipher

src/content/docs/how-to-guides/become-a-root-agent.mdx

@@ -9,6 +9,9 @@ import {
   CardGrid,
   Card
 } from "@astrojs/starlight/components";
+import { Image } from 'astro:assets';
+import daoShapeTheNetwork from '/public/images/how-to-guide/become-a-root-agent/dao-shape-the-network.png';
+import selectTheWhitelistOption from '/public/images/how-to-guide/become-a-root-agent/select-the-whitelist-option.png';
 
 
 In this guide, we’ll walk through how to **apply to become a Root Agent** on the Torus Network.  
@@ -63,7 +66,7 @@ Becoming a Root Agent allows you to receive emissions directly from the root and
 3. **Click in Shape the Network Button**  
     It can be found in the top right corner of the dashboard.  
     It will open a modal with a form to apply for whitelisting.
-    ![Shape the network button](/images/how-to-guide/become-a-root-agent/dao-shape-the-network.png)
+    <Image src={daoShapeTheNetwork} alt="Shape the network button" width="1920" />
 
 4. **Select the Whitelist an Agent option and fill the form**    
     In modal, select the option **Whitelist an Agent** and fill in the required fields for your application.    
@@ -76,7 +79,7 @@ Becoming a Root Agent allows you to receive emissions directly from the root and
     </Aside>
 
 
-    ![Select Select whitelist option](/images/how-to-guide/become-a-root-agent/select-the-whitelist-option.png)
+    <Image src={selectTheWhitelistOption} alt="Select whitelist option" width="1920" />
 
 5. **Submit Proposal**  
     Click in **Submit Proposal** and confirm the transaction in your wallet after you filled in the form.

src/content/docs/how-to-guides/bridge-to-base.mdx

@@ -9,6 +9,15 @@ import {
   CardGrid,
   Card
 } from "@astrojs/starlight/components";
+import { Image } from 'astro:assets';
+import metamaskSubwalletConnect from '/public/images/how-to-guide/bridge-to-base/metamask-subwallet-connect.png';
+import fillInFormToConvert from '/public/images/how-to-guide/bridge-to-base/fill-in-form-to-convert.png';
+import confirmTransactionInMetamask from '/public/images/how-to-guide/bridge-to-base/confirm-transaction-in-metamask.png';
+import baseTorusSwappedSuccessfully from '/public/images/how-to-guide/bridge-to-base/base-torus-swapped-successfully.png';
+import metamaskConnectEvm from '/public/images/how-to-guide/bridge-to-base/metamask-connect-evm.png';
+import fillInFormToConvertTorusEvmNativeTorus from '/public/images/how-to-guide/bridge-to-base/fill-in-form-to-convert-torus-evm-native-torus.png';
+import confirmTransactionInMetamaskTorusEvmToTorus from '/public/images/how-to-guide/bridge-to-base/confirm-transaction-in-metamask-torus-evm-to-torus.png';
+import torusEvmConvertSuccessfully from '/public/images/how-to-guide/bridge-to-base/torus-evm-convert-successfully.png';
 
 In this guide, we’ll **bridge Torus between the Torus Network and Base**.  
 This process is necessary in order to obtain **Native Torus**, which is required to interact with the Torus Network directly.
@@ -63,7 +72,7 @@ For the sake of simplicity, we are going to refer to the **Native Torus** as **T
 
 1. **Connect both the Torus and Metamask wallets in the [Base Bridge Web App](https://bridge.torus.network/?tab=base&from=base&to=torus)**.   
    At the top right corner of the app, connect both your **Torus Wallet** and **MetaMask**.
-   ![SubWallet and Metamask connect screen](/images/how-to-guide/bridge-to-base/metamask-subwallet-connect.png)
+   <Image src={metamaskSubwalletConnect} alt="SubWallet and Metamask connect screen" width="1920" />
 
 2. **Swap from Base Torus to Torus EVM**  
     - Make sure you are **connected** in **Both Wallets**
@@ -73,22 +82,22 @@ For the sake of simplicity, we are going to refer to the **Native Torus** as **T
    Fill in the form with the amount you want to convert and the Recipient Address, by clicking on the Self button, it will automatically fill the address for you with your connected base wallet.
    With all the information filled in, click **Continue**.
 
-   ![Convert Base TORUS with Torus EVM](/images/how-to-guide/bridge-to-base/fill-in-form-to-convert.png)
+   <Image src={fillInFormToConvert} alt="Convert Base TORUS with Torus EVM" width="1920" />
 
 3. **Confirm the transaction**   
    After filling in the form, you will be prompted to confirm the transaction in Metamask.
    <Aside type="caution">
       Always verify the transaction in Metamask before signing it, it is of your responsibility to verify the transaction details.  
       You also must have enough funds in your Metamask wallet to cover the transaction fees.
    </Aside>
-   ![Confirm the transaction in Metamask](/images/how-to-guide/bridge-to-base/confirm-transaction-in-metamask.png)
+   <Image src={confirmTransactionInMetamask} alt="Confirm the transaction in Metamask" width="1920" />
 
 4. **Confirmation of the swap**  
    After the transaction succeeds, your Base Torus should now be displayed as Torus EVM as it was successfully swapped.  
    This process can take a while to happen in the chain side,
    so please, wait a few minutes and refresh the [Base Bridge Web App](https://bridge.torus.network/?tab=base&from=base&to=torus).   
    If you have any issues, reach out to our support on the [Official Torus Discord](https://discord.gg/torus).  
-   ![Confirmation of the swap](/images/how-to-guide/bridge-to-base/base-torus-swapped-successfully.png)
+   <Image src={baseTorusSwappedSuccessfully} alt="Confirmation of the swap" width="1920" />
 
 
 </Steps>
@@ -100,7 +109,7 @@ For the sake of simplicity, we are going to refer to the **Native Torus** as **T
 <Steps>
 1. **Connect both the Torus and Metamask wallets in the [Base Bridge Web App](https://bridge.torus.network/?tab=base&from=base&to=torus)**.   
    At the top right corner of the app, connect both your **Torus Wallet** and **MetaMask**.
-   ![SubWallet and Metamask connect screen](/images/how-to-guide/bridge-to-base/metamask-connect-evm.png)
+   <Image src={metamaskConnectEvm} alt="SubWallet and Metamask connect screen" width="1920" />
 
 
 1. **Swap from Torus EVM to Torus**
@@ -109,7 +118,7 @@ For the sake of simplicity, we are going to refer to the **Native Torus** as **T
    - Make sure it is **FROM** Torus EVM **TO** Torus
 
    Fill in the form with the amount you want to convert, after confirmation, you will be prompted to sign the transaction in Torus.
-   ![Convert Torus EVM to Native Torus](/images/how-to-guide/bridge-to-base/fill-in-form-to-convert-torus-evm-native-torus.png)
+   <Image src={fillInFormToConvertTorusEvmNativeTorus} alt="Convert Torus EVM to Native Torus" width="1920" />
 
 2. **Confirm the transaction**  
    After filling in the form, you will be prompted to confirm the transaction in Metamask.
@@ -118,14 +127,13 @@ For the sake of simplicity, we are going to refer to the **Native Torus** as **T
       You also must have enough funds in your Metamask wallet to cover the transaction fees.
    </Aside>
 
-   ![Confirm the transaction in Metamask](/images/how-to-guide/bridge-to-base/confirm-transaction-in-metamask-torus-evm-to-torus.png)
+   <Image src={confirmTransactionInMetamaskTorusEvmToTorus} alt="Confirm the transaction in Metamask" width="1920" />
 
 3. **Confirmation of the swap**  
    After the transaction succeeds, your Torus EVM should now be displayed as Torus as it was successfully swapped.
    This process can take a while to happen in the chain side,
    so please, wait a few minutes and refresh the [Base Bridge Web App](https://bridge.torus.network/?tab=base&from=base&to=torus).   
-   If you have any issues, reach out to our support on the [Official Torus Discord](https://discord.gg/torus).  
-   ![Confirmation of the swap](/images/how-to-guide/bridge-to-base/torus-evm-convert-successfully.png)
+   <Image src={torusEvmConvertSuccessfully} alt="Confirmation of the swap" width="1920" />
 
 4. **All Done**   
    You’ve now successfully bridged Torus tokens between **Torus**, **Torus EVM**, and **Base**.  

src/content/docs/how-to-guides/register-an-agent.mdx

@@ -10,6 +10,11 @@ import {
   Card,
   LinkCard
 } from "@astrojs/starlight/components";
+import { Image } from 'astro:assets';
+import registerAnAgentButton from '/public/images/how-to-guide/register-an-agent/register-an-agent-button.png';
+import connectWalletOnPortal from '/public/images/how-to-guide/register-an-agent/connect-wallet-on-portal.png';
+import filledAgentInformation from '/public/images/how-to-guide/register-an-agent/filled-agent-information.png';
+import filledAgentSocials from '/public/images/how-to-guide/register-an-agent/filled-agent-socials.png';
 
 In this guide, we’ll **register an Agent** on the Torus Network.  
 This is a step-by-step walkthrough of the registration process.
@@ -54,11 +59,11 @@ Registered agents can actively participate in the network by creating permission
 
 1. **Visit the [Agent Registration Page](https://portal.torus.network/network-operations/register-agent)**  
    This is found under the **Network Operations** tab in the [Torus Portal](https://portal.torus.network)'s sidebar. 
-   ![Agent registration tab](/images/how-to-guide/register-an-agent/register-an-agent-button.png)
+   <Image src={registerAnAgentButton} alt="Agent registration tab" width="1920" />
 
 2. **Connect your Torus Wallet**  
    Click the **Connect Wallet** button at the top right and select your Torus wallet.  
-   ![Connect Torus Wallet](/images/how-to-guide/register-an-agent/connect-wallet-on-portal.png)
+   <Image src={connectWalletOnPortal} alt="Connect Torus Wallet" width="1920" />
 
 3. **Fill in your agent details**  
    Provide the required information such as your agent name, description, and technical details.  
@@ -72,12 +77,12 @@ Registered agents can actively participate in the network by creating permission
        - agent_name      (Valid agent Name)
        - agent-name      (Valid agent Name)
    </Aside>
-   ![Agent details form](/images/how-to-guide/register-an-agent/filled-agent-information.png)
+   <Image src={filledAgentInformation} alt="Agent details form" width="1920" />
 
 4. **Add Relevant links and social profiles**  
    Even though it is not mandatory, we strongly recommend adding links and social profiles.  
    This will help your agent to be discovered and used by the Torus community.
-   ![Agent metadata input](/images/how-to-guide/register-an-agent/filled-agent-socials.png)
+   <Image src={filledAgentSocials} alt="Agent metadata input" width="1920" />
 
 5. **Confirm registration**  
    Click in register an agent and confirm the transaction in your wallet.

src/content/docs/how-to-guides/setup-a-wallet.mdx

@@ -11,6 +11,14 @@ import {
   Card
 } from "@astrojs/starlight/components";
 
+import { Image } from 'astro:assets';
+import subwalletExtensionActivated from '/public/images/how-to-guide/setup-wallet/subwallet-extension-activated.png';
+import subwalletCreatedSuccessfully from '/public/images/how-to-guide/setup-wallet/subwallet-created-successfully.png';
+import subwalletOpenSetup from '/public/images/how-to-guide/setup-wallet/subwallet-open-setup.png';
+import subwalletSelectConfigToAddNetwork from '/public/images/how-to-guide/setup-wallet/subwallet-select-config-to-add-network.png';
+import subwalletSearchTorusNetwork from '/public/images/how-to-guide/setup-wallet/subwallet-search-torus-network.png';
+import subwalletDoneTorusSetup from '/public/images/how-to-guide/setup-wallet/subwallet-done-torus-setup.png';
+
 In this guide, we’ll walk through setting up a wallet with the **SubWallet** browser extension, a popular non-custodial wallet for managing assets across multiple blockchains.  
 If you prefer a different extension, scroll to the bottom for a list of other wallets that work with Torus.  
 For simplicity’s sake, though, we’ll focus on SubWallet.
@@ -46,13 +54,14 @@ For simplicity’s sake, though, we’ll focus on SubWallet.
 
     </span>
 
-    ![SubWallet extension activated in Brave browser](/images/how-to-guide/setup-wallet/subwallet-extension-activated.png)
+    <Image src={subwalletExtensionActivated} alt="SubWallet extension activated in Brave browser" width="1920" />
 
 </Steps>
 
+
 ### Creating a New Account
 
-<Steps>
+ <Steps>
 
 1.  **Open the SubWallet extension in you browser**:   
      Click on the SubWallet icon in your browser’s extension area to open the wallet.
@@ -91,44 +100,44 @@ For simplicity’s sake, though, we’ll focus on SubWallet.
 
         </span>
 
-    ![SubWallet account succesfully created](/images/how-to-guide/setup-wallet/subwallet-created-successfully.png)
+    <Image src={subwalletCreatedSuccessfully} alt="SubWallet account successfully created" width="1920" />
 
 </Steps>
 
-### Adding Torus to the Subwallet
+ ### Adding Torus to the Subwallet
 
 <Steps>
-1. **Open the Subwallet Setup**:  
-  Click in the three bars(**☰**) on the top left corner of the subwallet extension.
-  ![SubWallet setup button](/images/how-to-guide/setup-wallet/subwallet-open-setup.png)
 
-2. **Select Manage Networks**:  
-   Under the **Assets & Addresses** tab, click on **Manage Networks**.
-   ![SubWallet manage networks button](/images/how-to-guide/setup-wallet/subwallet-select-config-to-add-network.png)
+  1. **Open the Subwallet Setup**  
+    Click in the three bars(**☰**) on the top left corner of the subwallet extension.    
+     <Image src={subwalletOpenSetup} alt="SubWallet setup button" width="1920" />
+
+  2. **Select Manage Networks**   
+  Under the **Assets & Addresses** tab, click on **Manage Networks**.   
+     <Image src={subwalletSelectConfigToAddNetwork} alt="SubWallet manage networks button" width="1920" />
+
 
-3. **Search for Torus and activate it**:  
+ 3. **Search for Torus and activate it**    
     Click on the search bar, type Torus, and select it from the list. Make sure to enable it so it appears in your list of active tokens.
-   ![SubWallet search for Torus button](/images/how-to-guide/setup-wallet/subwallet-search-torus-network.png)
+    <Image src={subwalletSearchTorusNetwork} alt="SubWallet search for Torus button" width="1920" /> 
+
+4. **Confirm Torus is active**   
+    Once enabled, **Torus** will appear in your list of active networks.    
+    You might have to scroll down to find Torus in the list.  
+    <Image src={subwalletDoneTorusSetup} alt="SubWallet network list with torus" width="1920" /> 
 
-4. **Confirm Torus is active**:  
-    Once enabled, **Torus** will appear in your list of active networks.  
-    You might have to scroll down to find Torus in the list.
-   ![SubWallet network list with torus](/images/how-to-guide/setup-wallet/subwallet-done-torus-setup.png)
 
      <Aside>
     If you don't see **Torus** in the list, you might need to add it manually.  
     Follow the steps in this [video tutorial by Omni Labs](https://www.youtube.com/watch?v=3JDQFYg0u_A&t=172s).
 
    **RPC URL:** `wss://api.torus.network`
-
-
-     </Aside>
+    </Aside>
 
 5. **All Done**  
    Torus is now connected to your SubWallet.  
    You’re ready to explore the Torus ecosystem and manage your assets securely.
 
-
 </Steps>