fix: update badges in processProtectedData documentation

Modified the documentation to include a ChainNotSupportedBadge for the useVoucher parameter and corrected the formatting for the app parameter. Added a script section for badge imports to enhance clarity and maintainability.

Author: Le-Caignec

src/components/ChainNotSupportedBadge.vue

@@ -0,0 +1,29 @@
+<script setup>
+import { computed } from 'vue';
+import { VPBadge } from 'vitepress/theme';
+import useUserStore from '@/stores/useUser.store';
+
+const userStore = useUserStore();
+
+// Check if Arbitrum is selected (Arbitrum chain ID is 42161)
+const isArbitrumSelected = computed(() => {
+  return userStore.chainId === 42161;
+});
+
+// Only show the badge when Arbitrum is selected
+const shouldShow = computed(() => isArbitrumSelected.value);
+</script>
+
+<template>
+  <VPBadge
+    v-if="shouldShow"
+    type="warning"
+    text="Not Supported for this Chain"
+    style="
+      color: var(--vp-c-orange-1);
+      background-color: hsla(0, 100%, 50%, 8%);
+      margin-top: 1px;
+      margin-right: 4px;
+    "
+  />
+</template>

src/references/dataProtector/dataProtectorCore/processProtectedData.md

@@ -64,7 +64,7 @@ const processProtectedDataResponse =
   });
 ```
 
-### app <RequiredBadge /> {#app-param}
+### app <RequiredBadge />
 
 **Type:** `AddressOrENS`
 
@@ -128,7 +128,7 @@ const processProtectedDataResponse =
   });
 ```
 
-### useVoucher <OptionalBadge />
+### useVoucher <ChainNotSupportedBadge /> <OptionalBadge />
 
 **Type:** `boolean`  
 **Default:** `false`
@@ -495,3 +495,9 @@ include a file named **content**, which corresponds to the protected data
 processed during the task.
 
 :::
+
+<script setup>
+import RequiredBadge from '@/components/RequiredBadge.vue'
+import OptionalBadge from '@/components/OptionalBadge.vue'
+import ChainNotSupportedBadge from '@/components/ChainNotSupportedBadge.vue'
+</script>