Fix/docs/images migration tutorial wdoc 1181 (#5256)

* docs(sem): add secret deletion (#4851)

* fix(tutorials): migrate images in mdx - WDOC-1181

---------

Co-authored-by: Néda <[email protected]>

Author: iManu

tutorials/access-mac-mini-with-reemo/index.mdx

@@ -12,6 +12,11 @@ dates:
   validation: 2025-01-30
   posted: 2022-02-18
 ---
+import image from './assets/scaleway-reemo-portal-1.webp'
+import image2 from './assets/scaleway-reemo-download.webp'
+import image3 from './assets/scaleway-reemo-dashboard.webp'
+import image4 from './assets/scaleway-reemo-m1.webp'
+
 import Requirements from '@macros/iam/requirements.mdx'
 
 
@@ -41,7 +46,7 @@ In this tutorial, you will learn how to launch your Mac mini development environ
 </Message>
 
 1. Go to the [Reemo portal](https://portal.reemo.io/) and click **Register now** to create your Reemo account.
-    <Lightbox src="scaleway-reemo-portal-1.webp" alt="" />
+    <Lightbox image={image} alt="" />
 2. Enter your personal details and click **Register**. You will receive an email with a confirmation code.
 3. Open your email account and check your security code. Then enter the code in the form and click **Validate** to confirm the account creation. 
     <Message type="tip">
@@ -66,7 +71,7 @@ In this tutorial, you will learn how to launch your Mac mini development environ
     ```
     <Message type="tip">
     You can find the latest version of Reemo and instructions on how to install the application at [https://reemo.io/download](https://reemo.io/download/)
-    <Lightbox src="scaleway-reemo-download.webp" alt="" />
+    <Lightbox image={image2} alt="" />
     </Message>
 4. Enter the **private key** of your Reemo account when prompted. Press Enter to validate.
 5. Give Reemo access to screen recording (necessary for it to work). This needs to be done on macOS GUI using your existing [remote desktop connection](/apple-silicon/how-to/access-remote-desktop-mac-mini/). Then, in **System Settings**, click **Privacy & Security** in the sidebar (you may need to scroll down). Turn on **Screen Recording** and **Accessibility** for the Reemo app.
@@ -79,9 +84,9 @@ In this tutorial, you will learn how to launch your Mac mini development environ
       Reemo works on any device capable of running the Chrome browser. This could be your PC, tablet, phone or any other device running Chrome.
     </Message>
 2. Click on your Mac mini to open a session. The remote connection is established directly from your Chrome browser.
-    <Lightbox src="scaleway-reemo-dashboard.webp" alt="" />
+    <Lightbox image={image3} alt="" />
 3. Log in your macOS using your credentials.
-    <Lightbox src="scaleway-reemo-m1.webp" alt="" />
+    <Lightbox image={image4} alt="" />
 
 Your Mac mini will be displayed through Chrome.
 

tutorials/actility-lorawan-operator/index.mdx

@@ -12,6 +12,8 @@ dates:
   validation: 2025-03-27
   posted: 2020-07-02
 ---
+import image from './assets/scaleway-iothub_howto_actility_grafana.webp'
+
 import Requirements from '@macros/iam/requirements.mdx'
 
 
@@ -87,6 +89,6 @@ Extend your capabilities by harnessing IoT Hub to construct a dashboard and visu
 
 Your dashboard will now provide insightful visualizations of your LoRaWAN© device data.
 
-<Lightbox src="scaleway-iothub_howto_actility_grafana.webp" alt="" />
+<Lightbox image={image} alt="" />
 
 Explore [Scaleway IoT Hub](/iot-hub/concepts/) further, learn how to [add Devices to the hub](/iot-hub/how-to/add-device/), and review [IoT Hub metrics](/iot-hub/how-to/view-metrics/).

tutorials/add-disk-configure-datastore-esxi/index.mdx

@@ -13,6 +13,31 @@ dates:
   validation: 2025-03-27
   posted: 2020-01-21
 ---
+import image from './assets/scaleway-add_disk_customize.webp'
+import image2 from './assets/scaleway-add_disk_choose_storage.webp'
+import image3 from './assets/scaleway-add_disk_validate_order.webp'
+import image4 from './assets/scaleway-add_disk_vmware.webp'
+import image5 from './assets/scaleway-add_disk_vmware_dashboard.webp'
+import image6 from './assets/scaleway-add_disk_not_visible.webp'
+import image7 from './assets/scaleway-add_disk_connect_idrac.webp'
+import image8 from './assets/scaleway-add_disk_physical_disks.webp'
+import image9 from './assets/scaleway-add_disk_physical_disks_list.webp'
+import image10 from './assets/scaleway-add_disk_virtual_disk_create.webp'
+import image11 from './assets/scaleway-add_disk_virtual_disk_settings.webp'
+import image12 from './assets/scaleway-add_disk_power_cycle_system.webp'
+import image13 from './assets/scaleway-add_disk_virtual_disk_created.webp'
+import image14 from './assets/scaleway-add_disk_new_datastore.webp'
+import image15 from './assets/scaleway-add_disk_new_datastore_create.webp'
+import image16 from './assets/scaleway-add_disk_select_device.webp'
+import image17 from './assets/scaleway-add_disk_select_partitioning_options.webp'
+import image18 from './assets/scaleway-add_disk_confirm_partition.webp'
+import image19 from './assets/scaleway-add_disk_new_datastore.webp'
+import image20 from './assets/scaleway-add_disk_increase_datastore.webp'
+import image21 from './assets/scaleway-add_disk_select_datastore.webp'
+import image22 from './assets/scaleway-add_disk_select_datastore.webp'
+import image23 from './assets/scaleway-add_disk_increase_datastore_partitioning.webp'
+import image24 from './assets/scaleway-add_disk_ready_to_extend.webp'
+
 import Requirements from '@macros/iam/requirements.mdx'
 
 
@@ -47,7 +72,7 @@ This guide is designed to walk you through the process of ordering an additional
 2. Click **Server** > **Server list** to see the list of your Dedibox dedicated servers.
 3. Select the Dedibox to configure from the list and click **Manage**
 4. Click **Customize** in the side menu:
-    <Lightbox src="scaleway-add_disk_customize.webp" width="200" alt="" />
+    <Lightbox image={image} width="200" alt="" />
 5. Select either an **USB disk** or an **Internal disk** for your server.
     <Message type="important">
       The setup cost displayed is a one-time fee billed for the physical installation of the disk in the chassis.
@@ -57,19 +82,19 @@ This guide is designed to walk you through the process of ordering an additional
       For optimal performance, we recommend you use an internal disk as datastore.
     </Message>
 
-    <Lightbox src="scaleway-add_disk_choose_storage.webp" width="800" alt="" />
+    <Lightbox image={image2} width="800" alt="" />
 6. Select the payment method for the installation fees and validate your order.
-    <Lightbox src="scaleway-add_disk_validate_order.webp" width="800" alt="" />
+    <Lightbox image={image3} width="800" alt="" />
 
     <Message type="note">
       The disk is installed within approximately one hour from the moment you place the order.
     </Message>
 8. Connect to the ESXi web interface at `https://your_scaleway_dedibox_ip/` and log in:
-    <Lightbox src="scaleway-add_disk_vmware.webp" width="800" alt="" />
+    <Lightbox image={image4} width="800" alt="" />
 
     The ESXi Dashboard displays.
 
-    <Lightbox src="scaleway-add_disk_vmware_dashboard.webp" width="800" alt="" />
+    <Lightbox image={image5} width="800" alt="" />
 9. Click **Storage** to enter the storage section.
 
 ## Creating a virtual disk from the iDRAC interface on a hardware RAID
@@ -78,75 +103,75 @@ If your Dedibox uses a [software RAID](https://en.wikipedia.org/wiki/RAID#SOFTWA
 
 If you find that the newly installed disk does not appear in your ESXi web interface after installation, it may be the case that your server has a hardware RAID.
 
-<Lightbox src="scaleway-add_disk_not_visible.webp" width="800" alt="" />
+<Lightbox image={image6} width="800" alt="" />
 
 Depending on the configuration of your Dedibox, the server may come with a [hardware RAID](https://en.wikipedia.org/wiki/Disk_array_controller). On this type of server, you cannot configure the datastore directly from ESXi. Instead, you must create a virtual disk from the KVM-over-IP interface of the server before adding the disk to ESXi. To do so, follow these steps:
 
 1. Launch an iDRAC session from the server overview in the Dedibox console:
-    <Lightbox src="scaleway-add_disk_connect_idrac.webp" width="800" alt="" />
+    <Lightbox image={image7} width="800" alt="" />
 2. Log into iDRAC using the credentials available from the KVM over IP page of the Dedibox console.
 3. Click **Physical Disks** to verify that the disk is physically available:
-    <Lightbox src="scaleway-add_disk_physical_disks.webp" width="500" alt="" />
+    <Lightbox image={image8} width="500" alt="" />
 
     A list of all installed disks and their status displays at the bottom of the page.
 
-    <Lightbox src="scaleway-add_disk_physical_disks_list.webp" width="800" alt="" />
+    <Lightbox image={image9} width="800" alt="" />
 4. Check that all disks are **OK**, and click **Virtual Disks** in the side-menu.
 
     The list of all existing virtual disks displays. 
 5. Click **Create** in the menu bar to create a new virtual disk.
-    <Lightbox src="scaleway-add_disk_virtual_disk_create.webp" width="300" alt="" />
+    <Lightbox image={image10} width="300" alt="" />
 6. Select the newly installed disk from the list. You can keep the default parameters for a basic configuration, or fine-tune them towards your needs.
-    <Lightbox src="scaleway-add_disk_virtual_disk_settings.webp" width="800" alt="" />
+    <Lightbox image={image11} width="800" alt="" />
 7. Click **Create Virtual Disk** to schedule the creation of a new virtual disk, usable for ESXi during the next reboot.
 8. Click **Overview** in the side-menu to go back to the home page of iDRAC, then click **Power Cycle System (cold boot)** to reboot the machine. The virtual disk will be configured during the boot process.
-    <Lightbox src="scaleway-add_disk_power_cycle_system.webp" width="300" alt="" />
+    <Lightbox image={image12} width="300" alt="" />
 
     <Message type="important">
       Your machine will be unavailable during the creation of the new virtual disk. We recommend you launch the reboot during the hours of low load on your machine.
     </Message>
 
 After rebooting, the new virtual disk shows up in the list of available disks in ESXi:
 
-<Lightbox src="scaleway-add_disk_virtual_disk_created.webp" width="800" alt="" />
+<Lightbox image={image13} width="800" alt="" />
 
 ## Adding the disk as a datastore to ESXi
 
 When you add a disk as a new datastore, it is formatted and becomes available to store virtual machine images. You can decide on which datastore of the server you want to store the machine images. This can be useful if you have both HDD and SSD storage and you need different specifications for performance or storage.
 
 1. Click **New Datastore** on the storage dashboard of the vSphere web client:
-    <Lightbox src="scaleway-add_disk_new_datastore.webp" width="800" alt="" />
+    <Lightbox image={image14} width="800" alt="" />
 2. Select the option **Create new VMFS datastore** and click **Next**:
-    <Lightbox src="scaleway-add_disk_new_datastore_create.webp" width="500" alt="" />
+    <Lightbox image={image15} width="500" alt="" />
 3. Select the device from the list of available devices and enter a name for the new datastore. Then click **Next**:
-    <Lightbox src="scaleway-add_disk_select_device.webp" width="500" alt="" />
+    <Lightbox image={image16} width="500" alt="" />
 4. Select the partitioning options. To use the full disk as datastore, choose **Use full disk**, then click **Next**:
-    <Lightbox src="scaleway-add_disk_select_partitioning_options.webp" width="500" alt="" />
+    <Lightbox image={image17} width="500" alt="" />
 5. A summary displays. Click **Finish** to complete the wizard.
     <Message type="important">
       All existing data on the disk will be overwritten. Make sure that you have a backup of your data before launching the last step.
     </Message>
 
-<Lightbox src="scaleway-add_disk_confirm_partition.webp" width="500" alt="" />
+<Lightbox image={image18} width="500" alt="" />
 
 ## Increasing the size of an existing datastore
 
 It is also possible to increase the size of an existing datastore. In this case, the capacity of the newly installed disk will be added to the main datastore of the server which can be useful to extend storage capacity for large virtual machines.
 
 1. Click **New Datastore** in the storage dashboard of the vSphere web client.
-    <Lightbox src="scaleway-add_disk_new_datastore.webp" width="800" alt="" />
+    <Lightbox image={image19} width="800" alt="" />
 2. Select **Increase the size of an existing VMFS datastore** and click **Next**:
-    <Lightbox src="scaleway-add_disk_increase_datastore.webp" width="800" alt="" />
+    <Lightbox image={image20} width="800" alt="" />
 3. Select the datastore to extend from the list and confirm by clicking on **Next**:
-    <Lightbox src="scaleway-add_disk_select_datastore.webp" width="800" alt="" />
+    <Lightbox image={image21} width="800" alt="" />
 4. Select the disk to add to the datastore:
-    <Lightbox src="scaleway-add_disk_select_datastore.webp" width="800" alt="" />
+    <Lightbox image={image22} width="800" alt="" />
 5. Select a partitioning configuration for the disk. To use all available disk space, go with the default settings and click **Next**:
-    <Lightbox src="scaleway-add_disk_increase_datastore_partitioning.webp" width="800" alt="" />
+    <Lightbox image={image23} width="800" alt="" />
 
     The summary displays. 
 6. Check the summary settings and click **Finish**:
-    <Lightbox src="scaleway-add_disk_ready_to_extend.webp" width="800" alt="" />
+    <Lightbox image={image24} width="800" alt="" />
 
 The disk is added to the datastore and the total storage capacity of the datastore is increased.
 

tutorials/ark-server/index.mdx

@@ -13,6 +13,9 @@ dates:
   validation: 2025-03-27
   posted: 2020-11-10
 ---
+import image from './assets/scaleway-ark.webp'
+import image2 from './assets/scaleway-steam_terms.webp'
+
 import Requirements from '@macros/iam/requirements.mdx'
 
 
@@ -26,7 +29,7 @@ _ARK: Survival Evolved_ is a survival game, as the title indicates, where you ar
 
 The game supports both single-player local games and massive multi-player games using more than 100 ARK servers. You can create a tribe on the server and invite your friends to join your tribe to be even stronger. In your tribe, all tamed dinosaurs and building structures are usually shared between tribe members, and you can delegate tasks to other members of your tribe.
 
-<Lightbox src="scaleway-ark.webp" alt="" />
+<Lightbox image={image} alt="" />
 
 ## Why should I start an ARK server?
 
@@ -77,7 +80,7 @@ Creating an ARK server can be done in a few steps on a [Scaleway Instance](https
 
     During installation, you are requested to agree to Steam's license agreement. Use the **Tab** key to move to **OK**, then press **Enter** to accept the terms:
 
-    <Lightbox src="scaleway-steam_terms.webp" alt="" />
+    <Lightbox image={image2} alt="" />
 5. Enter the `steam` user account and create a new directory for the ARK server.
     <Message type="note">
       Make sure to have at least 12 GB of free disk space available to be able to download and expand all ARK server files.