fix ClickableImage styling: ensure modal covers the full viewport and cleanup CSS for better responsiveness and appearance

Author: Sipher

src/components/ClickableImage.astro

@@ -23,8 +23,8 @@ const MODAL_WIDTH = 2000; // 40% bigger than thumbnail (1080 * 1.4)
   />
 </div>
 
-<div class="image-modal fixed inset-0 bg-black bg-opacity-95 items-center justify-center p-8 modal-hidden" style="z-index: 99999999;">
-  <div class="relative w-full h-full flex items-center justify-center">
+<div class="image-modal fixed inset-0 bg-black bg-opacity-95 items-center justify-center modal-hidden" style="z-index: 99999999;">
+  <div class="relative w-full h-full flex items-center justify-center" style="min-height: 100vh;">
     <div class="flex flex-col items-center justify-center">
       <img 
         src={src.src} 
@@ -152,6 +152,12 @@ const MODAL_WIDTH = 2000; // 40% bigger than thumbnail (1080 * 1.4)
   .image-modal {
     backdrop-filter: blur(8px);
     -webkit-backdrop-filter: blur(8px);
+    top: 0 !important;
+    left: 0 !important;
+    right: 0 !important;
+    bottom: 0 !important;
+    margin: 0 !important;
+    padding: 0 !important;
   }
 
   .modal-hidden {

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

@@ -24,7 +24,7 @@ Becoming a Root Agent allows you to receive emissions directly from the root and
 - You don’t need to be a Root Agent to actively participate in the Torus Network.  
 - Registered agents can create permissions, capabilities, signals, and more.  
   The main difference is that only Root Agents can receive emissions directly from the root.  
-- If you're looking to participate, start by following the [Register an Agent guide](../how-to-guides/register-an-agent).
+- If you're looking to participate, start by following the [Register an Agent guide](https://docs.torus.network/how-to-guides/register-an-agent/).
 </Aside>
 
 #### What we will accomplish
@@ -40,11 +40,11 @@ Becoming a Root Agent allows you to receive emissions directly from the root and
 <CardGrid>
   <Card title="Torus Wallet" icon="seti:license">
     Make sure you have a Torus wallet set up and ready to use.
-    You can find a [guide on how to set up a wallet here](../how-to-guides/setup-a-wallet).
+    You can find a [guide on how to set up a wallet here](https://docs.torus.network/how-to-guides/setup-a-wallet/).
   </Card>
   <Card title="Torus Balance" icon="seti:shell">
     Check your balance on the [Torus Wallet](https://wallet.torus.network) and ensure you have enough Free Balance to cover the registration fees.
-    You can find a [guide on how to bridge Torus here](../how-to-guides/bridge-to-base).
+    You can find a [guide on how to bridge Torus here](https://docs.torus.network/how-to-guides/bridge-to-base/).
   </Card>
   <Card title="Discord Account" icon="discord">
     Have a valid Discord account and join the official [Torus Discord
@@ -99,7 +99,7 @@ Becoming a Root Agent allows you to receive emissions directly from the root and
 
 
 ## Support and Resources
-   If you want to understand more about the core differences between a Registered agent and a Whitelisted agent, you can relate to the [Concepts & Terminology](../getting-started/concepts) section.  
+   If you want to understand more about the core differences between a Registered agent and a Whitelisted agent, you can relate to the [Concepts & Terminology](https://docs.torus.network/getting-started/concepts/) section.  
    You can also get help directly from the community via:
 
    - [Torus Community Discord](https://discord.gg/torus)  

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

@@ -48,13 +48,13 @@ For the sake of simplicity, we are going to refer to the **Native Torus** as **T
 <CardGrid>
   <Card title="Torus Wallet" icon="seti:license">
     A Torus wallet connected.  
-    If you don't have one, you can follow the [setup guide here](../how-to-guides/setup-a-wallet).
+    If you don't have one, you can follow the [setup guide here](https://docs.torus.network/how-to-guides/setup-a-wallet/).
   </Card>
 
   <Card title="Base Torus Wallet" icon="seti:config">
     For this guide, we will be using [Metamask](https://metamask.io/) as our wallet of choice.  
     You must have enough funds to cover the bridge fees.  
-    If you don't have Base Torus or funds to cover the fees, you can follow the steps in this video tutorial by Omni Labs.
+    {/* If you don't have Base Torus or funds to cover the fees, you can follow the steps in this video tutorial by Omni Labs. */}
   </Card>
 </CardGrid>
 

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

@@ -28,7 +28,7 @@ Registered agents can actively participate in the network by creating permission
 
 - Registering an agent does not prevent you from also becoming a Root Agent — both processes are independent and can be completed in parallel.
 
-- You can follow the [guide to become a Root Agent here](../how-to-guides/become-a-root-agent).
+- You can follow the [guide to become a Root Agent here](https://docs.torus.network/how-to-guides/become-a-root-agent/).
 </Aside>
 
 
@@ -45,11 +45,11 @@ Registered agents can actively participate in the network by creating permission
 <CardGrid>
   <Card title="Torus Wallet" icon="seti:license">
     Make sure you have a Torus wallet set up and ready to use.
-    You can find a [guide on how to set up a wallet here](../how-to-guides/setup-a-wallet).
+    You can find a [guide on how to set up a wallet here](https://docs.torus.network/how-to-guides/setup-a-wallet/).
   </Card>
   <Card title="Torus Balance" icon="seti:shell">
     Check your balance on the [Torus Wallet](https://wallet.torus.network) and ensure you have enough Free Balance to cover the registration fees.
-    You can find a [guide on how to bridge Torus here](../how-to-guides/bridge-to-base).
+    You can find a [guide on how to bridge Torus here](https://docs.torus.network/how-to-guides/bridge-to-base/).
   </Card>
 </CardGrid>
 
@@ -104,7 +104,7 @@ Registered agents can actively participate in the network by creating permission
 
 
 ## Support and Resources
-   If you want to understand more about what is a Registered Agent, you can relate to the [Concepts & Terminology](../getting-started/concepts) section.  
+   If you want to understand more about what is a Registered Agent, you can relate to the [Concepts & Terminology](https://docs.torus.network/getting-started/concepts/) section.  
    You can also get help directly from the community via:
 
    - [Torus Community Discord](https://discord.gg/torus)  

src/content/docs/how-to-guides/stake-your-torus.mdx

@@ -41,11 +41,11 @@ By allocating to an Agent, you directly support their operations.
 <CardGrid>
   <Card title="Torus Wallet" icon="seti:license">
     Make sure you have a Torus wallet set up and ready to use.
-    You can find a [guide on how to set up a wallet here](../how-to-guides/setup-a-wallet).
+    You can find a [guide on how to set up a wallet here](https://docs.torus.network/how-to-guides/setup-a-wallet/).
   </Card>
   <Card title="Torus Balance" icon="seti:shell">
     Check your balance on the [Torus Wallet](https://wallet.torus.network) and ensure you have enough Free Balance to cover the registration fees.
-    You can find a [guide on how to bridge Torus here](../how-to-guides/bridge-to-base).
+    You can find a [guide on how to bridge Torus here](https://docs.torus.network/how-to-guides/bridge-to-base/).
   </Card>
 </CardGrid>
 
@@ -154,7 +154,7 @@ By allocating to an Agent, you directly support their operations.
 
 
 ## Support and Resources
-   If you want to understand more about Weight Power and how it works, you can relate to the [Concepts & Terminology](../getting-started/concepts) section.  
+   If you want to understand more about Weight Power and how it works, you can relate to the [Concepts & Terminology](https://docs.torus.network/getting-started/concepts) section.  
    You can also get help directly from the community via:
    - [Torus Community Discord](https://discord.gg/torus)  
    - [Torus Telegram Group](https://t.me/torusnetwork)