docs: add ChainNotSupportedBadge to payment guides and methods

Updated the payment guides for Web3Mail, Web3Telegram, and execution methods to include the ChainNotSupportedBadge for the useVoucher section. Enhanced clarity by importing the badge component in relevant script sections.

Author: Le-Caignec

src/guides/use-iapp/how-to-pay-executions.md

@@ -86,7 +86,7 @@ iexec account show
 iexec account deposit 100
 ```
 
-## Method 2: Paying with Vouchers
+## Method 2: Paying with Vouchers <ChainNotSupportedBadge />
 
 Vouchers are pre-funded payment instruments that simplify the payment process
 and can be shared with others.
@@ -493,3 +493,7 @@ Now that you understand payment methods:
 - Learn about [Adding Inputs to Execution](./add-inputs-to-execution.md)
 - Explore [Using iApps with Protected Data](./use-iapp-with-protected-data.md)
 - Review the pricing information above for detailed cost analysis
+
+<script setup>
+import ChainNotSupportedBadge from '@/components/ChainNotSupportedBadge.vue'
+</script>

src/guides/use-iapp/how-to-pay/how-to-pay-for-web3mail.md

@@ -16,7 +16,7 @@ messages, ensuring secure and decentralized email exchanges.
 This guide explains how to pay for Web3Mail's computing power using **vouchers**
 and **xRLC**, detailing the steps for each method.
 
-## Using Vouchers for Web3Mail
+## Using Vouchers for Web3Mail <ChainNotSupportedBadge />
 
 ### Step 1: Obtain a Voucher
 
@@ -162,4 +162,5 @@ iexec.account.withdraw(RLC_amount);
 <script setup>
 // Assets
 import builderDashboardImage from '@/assets/tooling-&-explorers/builder-dashboard/builder-dashboard.png';
+import ChainNotSupportedBadge from '@/components/ChainNotSupportedBadge.vue'
 </script>

src/guides/use-iapp/how-to-pay/how-to-pay-for-web3telegram.md

@@ -17,7 +17,7 @@ send messages, ensuring secure and decentralized email exchanges.
 This guide explains how to pay for Web3Telegram's computing power using
 **vouchers** and **xRLC**, detailing the steps for each method.
 
-## Using Vouchers for Web3Telegram
+## Using Vouchers for Web3Telegram <ChainNotSupportedBadge />
 
 ### Step 1: Obtain a Voucher
 
@@ -175,4 +175,5 @@ iexec.account.withdraw(RLC_amount);
 <script setup>
 // Assets
 import builderDashboardImage from '@/assets/tooling-&-explorers/builder-dashboard/builder-dashboard.png';
+import ChainNotSupportedBadge from '@/components/ChainNotSupportedBadge.vue'
 </script>

src/references/dataProtector/dataProtectorCore/getResultFromCompletedTask.md

@@ -141,3 +141,4 @@ The actual content of the protected file.
 import RequiredBadge from '@/components/RequiredBadge.vue'
 import OptionalBadge from '@/components/OptionalBadge.vue'
 </script>
+```

src/references/web3mail/methods/sendEmail.md

@@ -112,7 +112,7 @@ const sendEmail = await web3mail.sendEmail({
 });
 ```
 
-### useVoucher <OptionalBadge />
+### useVoucher <ChainNotSupportedBadge /><OptionalBadge />
 
 **Type:** `boolean`  
 **Default:** `false`
@@ -394,4 +394,5 @@ For any other errors, you'll get a `WorkflowError` error in the form of:
 <script setup>
 import RequiredBadge from '@/components/RequiredBadge.vue'
 import OptionalBadge from '@/components/OptionalBadge.vue'
+import ChainNotSupportedBadge from '@/components/ChainNotSupportedBadge.vue'
 </script>

src/references/web3telegram/methods/sendTelegram.md

@@ -117,7 +117,7 @@ const sendTelegram = await web3telegram.sendTelegram({
 });
 ```
 
-### useVoucher <OptionalBadge />
+### useVoucher <ChainNotSupportedBadge /> <OptionalBadge />
 
 **Type:** `boolean`  
 **Default:** `false`
@@ -294,8 +294,7 @@ This uniquely identifies the telegram task on the iExec side chain. You can view
 the status of the `sendTelegram` method by monitoring the task on the
 [iExec Explorer](https://explorer.iex.ec/bellecour).
 
-```
-
 <script setup>
 import OptionalBadge from '@/components/OptionalBadge.vue'
+import ChainNotSupportedBadge from '@/components/ChainNotSupportedBadge.vue'
 </script>