fix: update ImageViewer component to use imageUrlDark prop and adjust related documentation

Author: Le-Caignec

src/components/ImageViewer.vue

@@ -1,9 +1,19 @@
 <template>
   <div class="my-8">
     <a :href="linkUrl" target="_blank" rel="noreferrer">
+      <!-- Light theme image -->
       <img
-        :src="imageUrl"
+        v-if="imageUrlLight"
+        :src="imageUrlLight"
         :alt="imageAlt"
+        class="light-only border-border w-full rounded-lg border shadow-lg transition-transform duration-200 ease-in-out hover:-translate-y-1 hover:shadow-xl"
+      />
+      <!-- Dark theme image (also used as default) -->
+      <img
+        v-if="imageUrlDark"
+        :src="imageUrlDark"
+        :alt="imageAlt"
+        :class="imageUrlLight ? 'dark-only' : ''"
         class="border-border w-full rounded-lg border shadow-lg transition-transform duration-200 ease-in-out hover:-translate-y-1 hover:shadow-xl"
       />
     </a>
@@ -24,7 +34,8 @@
 import Button from './ui/Button.vue';
 
 interface Props {
-  imageUrl: string;
+  imageUrlLight?: string;
+  imageUrlDark: string;
   imageAlt: string;
   linkUrl: string;
   caption?: string;

src/overview/tooling-and-explorers/iexec-explorer.md

@@ -12,7 +12,7 @@ decentralized computing protocol. Track deals, monitor task execution, and
 explore apps and protectedData—all in one powerful dashboard.
 
 <ImageViewer
-  image-url="/assets/tooling-&-explorers/iexec-explorer/explorer-global.png"
+  image-url-dark="/assets/tooling-&-explorers/iexec-explorer/explorer-global.png"
   image-alt="iExec Explorer"
   link-url="https://explorer.iex.ec/"
   caption="🔗 Explore the iExec Protocol"
@@ -64,10 +64,10 @@ explore apps and protectedData—all in one powerful dashboard.
 ## 💼 Deals & Tasks {#deals-tasks}
 
 <ImageViewer
-  image-url="/assets/tooling-&-explorers/iexec-explorer/deal-view.png"
+  image-url-dark="/assets/tooling-&-explorers/iexec-explorer/deal-view.png"
   image-alt="Deal View"
   link-url="https://explorer.iex.ec/bellecour/deals"
-  caption="🔗 Explore Deals on iExec Explorer"
+  caption="🔗 Explore Deals"
 />
 
 > **💡 Understanding Deals**: A deal is a coordinated set of stakeholders that
@@ -90,10 +90,10 @@ explore apps and protectedData—all in one powerful dashboard.
 ### Tasks Overview
 
 <ImageViewer
-  image-url="/assets/tooling-&-explorers/iexec-explorer/task-view.png"
+  image-url-dark="/assets/tooling-&-explorers/iexec-explorer/task-view.png"
   image-alt="Task View"
   link-url="https://explorer.iex.ec/bellecour/tasks"
-  caption="🔗 Browse All Tasks"
+  caption="🔗 Explore Tasks"
 />
 
 Browse and analyze all tasks across the iExec network:
@@ -106,14 +106,14 @@ Browse and analyze all tasks across the iExec network:
 ### Task Execution Monitoring
 
 <ImageViewer
-    image-url="/assets/tooling-&-explorers/iexec-explorer/result-details.png"
+    image-url-dark="/assets/tooling-&-explorers/iexec-explorer/task-details-started.png"
     image-alt="Result Decryption"
     link-url="https://explorer.iex.ec/bellecour/tasks"
     caption="🔗 Explore Tasks"
 />
 
 <ImageViewer
-    image-url="/assets/tooling-&-explorers/iexec-explorer/task-details-completed.png"
+    image-url-dark="/assets/tooling-&-explorers/iexec-explorer/task-details-completed.png"
     image-alt="Task Completed"
     link-url="https://explorer.iex.ec/bellecour/tasks"
     caption="🔗 Explore Tasks"
@@ -142,11 +142,10 @@ Browse and analyze all tasks across the iExec network:
 ## 📱 iApps Listing {#iapps-listing}
 
 <ImageViewer
-  image-url="/assets/tooling-&-explorers/iexec-explorer/app-view.png"
+  image-url-dark="/assets/tooling-&-explorers/iexec-explorer/app-view.png"
   image-alt="App View"
   link-url="https://explorer.iex.ec/bellecour/apps"
   caption="🔗 Explore iApps Marketplace"
-  link-icon="mdi:open-in-new"
 />
 
 Explore the iExec application marketplace:
@@ -158,11 +157,10 @@ Explore the iExec application marketplace:
 ## 🗄️ Protected Data Listing {#protected-data-listing}
 
 <ImageViewer
-  image-url="/assets/tooling-&-explorers/iexec-explorer/dataset-view.png"
+  image-url-dark="/assets/tooling-&-explorers/iexec-explorer/dataset-view.png"
   image-alt="Dataset View"
   link-url="https://explorer.iex.ec/bellecour/datasets"
   caption="🔗 Explore Protected Datasets"
-  link-icon="mdi:open-in-new"
 />
 
 Navigate the protected data landscape:
@@ -176,11 +174,10 @@ Navigate the protected data landscape:
 ## ⚡ Workerpools {#workerpools}
 
 <ImageViewer
-  image-url="/assets/tooling-&-explorers/iexec-explorer/workerpool-view.png"
+  image-url-dark="/assets/tooling-&-explorers/iexec-explorer/workerpool-view.png"
   image-alt="Workerpool View"
   link-url="https://explorer.iex.ec/bellecour/workerpools"
   caption="🔗 Explore Workerpools Infrastructure"
-  link-icon="mdi:open-in-new"
 />
 
 Explore the decentralized computing infrastructure: