fix: image location for tuto

Author: gparant

src/Iframes/TutorialV1/Tuto/Components/Steps/Step1.svelte

@@ -18,11 +18,11 @@
     </div>
     <div class="description tw-p-3 tw-mb-16 tw-text-left tw-text-white tw-pb-20 tw-flex tw-row tw-w-full tw-items-center tw-justify-center tw-py-10">
         <div class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-10">
-            <img src="/resources/images/tutov1/step1/keyboard.svg" alt="keyboard" class="tw-w-40 tw-h-auto">
+            <img src="resources/images/tutov1/step1/keyboard.svg" alt="keyboard" class="tw-w-40 tw-h-auto">
             <p class="tw-text-xl tw-text-center tw-p-5 tw-font-bold">Control your Woka by using the arrow keys</p>
         </div>
         <div class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-10">
-            <img src="/resources/images/tutov1/step1/mouse.svg" alt="mouse" class="tw-w-40 tw-h-auto">
+            <img src="resources/images/tutov1/step1/mouse.svg" alt="mouse" class="tw-w-40 tw-h-auto">
             <p class="tw-text-xl tw-text-center tw-p-5 tw-font-bold">Control your Woka by right-clicking anywhere on the map.</p>
         </div>
     </div>

src/Iframes/TutorialV1/Tuto/Components/Steps/Step2.svelte

@@ -18,7 +18,7 @@
     </div>
     <div class="description tw-p-3 tw-mb-16 tw-text-left tw-text-white tw-pb-20 tw-flex tw-row tw-w-full tw-items-center tw-justify-center tw-py-10">
         <div class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-10">
-            <img src="/resources/images/tutov1/step2/woka-meet.png" alt="Meet in" class="tw-w-56 tw-h-auto">
+            <img src="resources/images/tutov1/step2/woka-meet.png" alt="Meet in" class="tw-w-56 tw-h-auto">
             <p class="tw-text-xl tw-text-center tw-p-5 tw-font-bold">Approach another Woka and start interacting</p>
         </div>
     </div>

src/Iframes/TutorialV1/Tuto/Components/Steps/Step3.svelte

@@ -17,7 +17,7 @@
     </div>
     <div class="description tw-p-3 tw-mb-16 tw-text-left tw-text-white tw-pb-20 tw-flex tw-row tw-w-full tw-items-center tw-justify-center tw-py-10">
         <div class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-10">
-            <img src="/resources/images/tutov1/step3/woka-action.png" alt="Meet in" class="tw-w-64 tw-h-auto">
+            <img src="resources/images/tutov1/step3/woka-action.png" alt="Meet in" class="tw-w-64 tw-h-auto">
             <p class="tw-text-xl tw-text-center tw-p-5 tw-font-bold">Approach another Woka and start interacting</p>
         </div>
     </div>

src/Iframes/TutorialV1/Tuto/Store/StepStore.ts

@@ -1,11 +1,11 @@
 import { writable } from "svelte/store";
 
-/*const step1Onboarding = "/dist/resources/images/tutov1/step1-onboarding.png";
-const step2Onboarding = "/dist/resources/images/tutov1/step2-onboarding.png";
-const step3Onboarding = "/dist/resources/images/tutov1/step3-onboarding.png";
-const step4Onboarding = "/dist/resources/images/tutov1/step4-onboarding.png";
-const step5Onboarding = "/dist/resources/images/tutov1/step5-onboarding.png";
-const step6Onboarding = "/dist/resources/images/tutov1/step6-onboarding.png";*/
+/*const step1Onboarding = "resources/images/tutov1/step1-onboarding.png";
+const step2Onboarding = "resources/images/tutov1/step2-onboarding.png";
+const step3Onboarding = "resources/images/tutov1/step3-onboarding.png";
+const step4Onboarding = "resources/images/tutov1/step4-onboarding.png";
+const step5Onboarding = "resources/images/tutov1/step5-onboarding.png";
+const step6Onboarding = "resources/images/tutov1/step6-onboarding.png";*/
 
 /*const step1Onboarding =
     "https://workadventure-chat-uploads.s3.eu-west-1.amazonaws.com/upload/video/step1-onboarding.png";