Added and updated storylane demos

Author: Devansh013

docs/camera-image-injection-on-real-devices.md

@@ -113,7 +113,6 @@ This feature helps you inject any image which you want your app to click or scan
 
 **Step 3:** Now, hover over your app and click on the **Settings** icon. Toggle the **Image Injection** option and click on **Save Changes** button. Click on **Start** to run your app on the selected device.
 
-<img loading="lazy" src={require('../assets/images/real-device-app-testing/camera-injection/step1.gif').default} className="doc_img"/>
 
 **Step 4:** After the above config, click on the **Start** button to start the session. Now, go to **Device Controls** in the toolbar as shown below. Select Image Injection and click **Upload Image** to inject the desired image from your computer to the app.
 
@@ -123,7 +122,13 @@ This feature helps you inject any image which you want your app to click or scan
 
 **Step 7:** The black image is now replaced with an injected image.
 
-<img loading="lazy" src={require('../assets/images/real-device-app-testing/camera-injection/step2.gif').default} className="doc_img"/>
+<div className="storylane-iframe">
+  <script async src="https://js.storylane.io/js/v2/storylane.js"></script>
+  <div className="sl-embed">
+    <iframe loading="lazy" className="sl-demo" src="https://app.storylane.io/demo/scecvtiqzhju?embed=inline" name="sl-embed"   name="sl-embed" allow="fullscreen" allowfullscreen></iframe>
+  </div>
+</div>
+
 
 :::info
 

docs/how-to-use-in-session-testing-tools.md

@@ -43,10 +43,15 @@ With LambdaTest’s Real Device browser testing, you get access to a plethora of
 
 Let us get an overview of all the features in our real device instance:
 
-<img loading="lazy" src={require('../assets/images/real-device-browser-testing/real-device-browser-testing-home.webp').default} alt="add" width="1346" height="647" className="doc_img"/>
-
 ## Comprehensive Sidebar
 
+<div className="storylane-iframe">
+  <script async src="https://js.storylane.io/js/v2/storylane.js"></script>
+  <div className="sl-embed">
+    <iframe loading="lazy" className="sl-demo" src="https://app.storylane.io/demo/rodprkjklrvp?embed=inline"  name="sl-embed" allow="fullscreen" allowfullscreen></iframe>
+  </div>
+</div>
+
 ### Home
 
 The **Home** feature on the left-sidebar allows you to go to the home screen of your selected real device instantly. 
@@ -148,6 +153,13 @@ By clicking on the end session button, you can close your current test session.
 ## Comprehensive Top Bar
 ***
 
+<div className="storylane-iframe">
+  <script async src="https://js.storylane.io/js/v2/storylane.js"></script>
+  <div className="sl-embed">
+    <iframe loading="lazy" className="sl-demo" src="https://app.storylane.io/demo/bhi7qrlpgnwr?embed=inline"  name="sl-embed" allow="fullscreen" allowfullscreen></iframe>
+  </div>
+</div>
+
 ### Zoom In-Out
 
 With the zoom in-out slider, you can zoom in and out in your real device as per your preference.

docs/hyperexecute-background-services.md

@@ -75,19 +75,21 @@ background:
 
 To check the background service logs, follow the below mentioned steps:
 
-<div className="storylane-iframe">
-  <script async src="https://js.storylane.io/js/v2/storylane.js"></script>
-  <div className="sl-embed">
-    <iframe loading="lazy" className="sl-demo" src="https://app.storylane.io/demo/jxrlvsdcnfte?embed=inline" name="sl-embed" allow="fullscreen" allowfullscreen></iframe>
-  </div>
-</div>
+
 
 **Step 1:** After executing your job, go to the [HyperExecute Dashboard](https://hyperexecute.lambdatest.com/hyperexecute/jobs) to check the status of the job.
 
 **Step 2:** Click on the **Background Service** button.
 
 **Step 3:** Click on the desired **background service** you have triggered to check its logs.
 
+<div className="storylane-iframe">
+  <script async src="https://js.storylane.io/js/v2/storylane.js"></script>
+  <div className="sl-embed">
+    <iframe loading="lazy" className="sl-demo" src="https://app.storylane.io/demo/jxrlvsdcnfte?embed=inline" name="sl-embed" allow="fullscreen" allowfullscreen></iframe>
+  </div>
+</div>
+
 ## Frequently Asked Questions
 
 <details><summary>Is the service intended to operate within the same Virtual Machine or externally?</summary> Yes, the service will run within the same Virtual Machine. </details>

docs/hyperexecute-test-muting.md

@@ -55,12 +55,7 @@ As you can see, we have triggered a Job in HyperExecute, and we've encountered a
 
 Now, to enable the Test Muting, follow the below mentioned steps:
 
-<div className="storylane-iframe">
-  <script async src="https://js.storylane.io/js/v2/storylane.js"></script>
-  <div className="sl-embed">
-    <iframe loading="lazy" className="sl-demo" src="https://app.storylane.io/demo/ctmmlcgefgxn?embed=inline" name="sl-embed" allow="fullscreen" allowfullscreen></iframe>
-  </div>
-</div>
+
 
 **Step 1:** Go to the [LambdaTest Dashboard](https://accounts.lambdatest.com/dashboard).
 
@@ -78,15 +73,17 @@ Now, to enable the Test Muting, follow the below mentioned steps:
 
 **Step 6:** Now, if you trigger the same job again, you will notice that the particular test has muted.
 
-## How do you Manually Mute specific Tests?
-
 <div className="storylane-iframe">
   <script async src="https://js.storylane.io/js/v2/storylane.js"></script>
   <div className="sl-embed">
-    <iframe loading="lazy" className="sl-demo" src="https://app.storylane.io/demo/d9wfxwteumny?embed=inline" name="sl-embed" allow="fullscreen" allowfullscreen></iframe>
+    <iframe loading="lazy" className="sl-demo" src="https://app.storylane.io/demo/ctmmlcgefgxn?embed=inline" name="sl-embed" allow="fullscreen" allowfullscreen></iframe>
   </div>
 </div>
 
+## How do you Manually Mute specific Tests?
+
+
+
 **Step 1:** Execute your job on HyperExecute.
 
 - Click on the **3 dots** of the desired test you want to **Mute**.
@@ -96,18 +93,27 @@ Now, to enable the Test Muting, follow the below mentioned steps:
 
 <img loading="lazy" src={require('../assets/images/hyperexecute/features/test-muting/6.png').default} alt="Image" style={{width: '700px',}} className="doc_img"/>
 
-## How do you UnMute Tests?
-
 <div className="storylane-iframe">
   <script async src="https://js.storylane.io/js/v2/storylane.js"></script>
   <div className="sl-embed">
-    <iframe loading="lazy" className="sl-demo" src="https://app.storylane.io/demo/m48g5owz95jz?embed=inline" name="sl-embed" allow="fullscreen" allowfullscreen></iframe>
+    <iframe loading="lazy" className="sl-demo" src="https://app.storylane.io/demo/d9wfxwteumny?embed=inline" name="sl-embed" allow="fullscreen" allowfullscreen></iframe>
   </div>
 </div>
 
+## How do you UnMute Tests?
+
+
+
 **Step 1:** Click on the **3 dots** of the muted test.
 
 **Step 2:** Click on the **Unmute scenario** button. 
 
+<div className="storylane-iframe">
+  <script async src="https://js.storylane.io/js/v2/storylane.js"></script>
+  <div className="sl-embed">
+    <iframe loading="lazy" className="sl-demo" src="https://app.storylane.io/demo/m48g5owz95jz?embed=inline" name="sl-embed" allow="fullscreen" allowfullscreen></iframe>
+  </div>
+</div>
+
 
 > The test will remain in-active until manually unmuted.