Update docs-editor.mdx

Update docs-editor

Author: iManu

pages/components/docs-editor.mdx

@@ -90,7 +90,7 @@ content:
   productLogo="cli"
   title="CLI"
   description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
-  url="/#"
+  url="/foo/dd"
   label="Link"
 />
 ```
@@ -100,7 +100,7 @@ content:
   productLogo="cli"
   title="CLI"
   description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
-  url="/#"
+  url="/foo/dd"
   label="Link"
 />
 
@@ -114,7 +114,7 @@ content:
 
   title="CLI"
   description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
-  url="/#"
+  url="/foo/dd"
   label="Link"
 />
 ```
@@ -124,7 +124,7 @@ content:
 <ClickableBanner
   title="CLI"
   description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
-  url="/#"
+  url="/foo/dd"
   label="Link"
 />
 
@@ -257,15 +257,15 @@ Example using `DefaultCard` in `Grid` wrapper.
 
 ```jsx
 <HelpBanner 
-  url="/#"
+  url="https://console.scaleway.com/support/tickets"
   title = 'Still need help?'
 />
 ``` 
 
 **Render**
 
 <HelpBanner 
-  url="/#"
+  url="https://console.scaleway.com/support/tickets"
   title = 'Still need help?'
 />
 
@@ -308,7 +308,6 @@ Example using `DefaultCard` in `Grid` wrapper.
 
 ---
 
-
 ## Log (Changelog)
 
 🧩 &nbsp;This functionnality uses **MDX** files.
@@ -334,7 +333,7 @@ At top of `.mdx` file, you MUST add data in frontmatter:
 
 ```
 ---
-title: Migration to the new Object Storage backend (HIVE) for all regions
+title: Migration to the new S3 backend (HIVE) for all regions
 status: changed
 author:
     fullname: 'Join the #container-registry channel on Slack.'
@@ -459,7 +458,7 @@ Props:
   productName="Instances"
   productLogo="instances"
   description="Lorem ipsum..."
-  url="/#"
+  url="/instances/quickstart"
   label="Instances quickstart"
 />
 ```
@@ -470,7 +469,7 @@ Props:
   productName="ProductHeader"
   productLogo="cli"
   description="ProductName quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
-  url="/#"
+  url="/instances/quickstart"
   label="Instances quickstart"
 />
 
@@ -479,7 +478,7 @@ Props:
 <ProductHeader
   productName="ProductHeader"
   description="ProductName quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
-  url="/#"
+  url="/instances/quickstart"
   label="Instances quickstart"
 />
 
@@ -500,7 +499,7 @@ The `icon` names are not random ones they come from Ultraviolet lib.
   icon="rocket"
   description="lorem ipsum dolor sit amet, consectetur adipiscing elit in in part of the description"
   label="Read More"
-  url="/#"
+  url="/hello/foo/"
 />
 ```
 
@@ -512,31 +511,31 @@ The `icon` names are not random ones they come from Ultraviolet lib.
   icon="rocket"
   description="Learn how to create, manage and delete a Kubernetes cluster in a few steps."
   label="Read More"
-  url="/#"
+  url="/compute/bare-metal-cloud/quickstart/"
 />
 
 <SummaryCard
   title="Concepts"
   icon="information-outline"
   description="Core concepts that give you a better understanding of Kubernetes Kapsule and Kosmos."
   label="Read More"
-  url="/#"
+  url="/identity-and-access-management/secret-manager/concepts/"
 />
 
 <SummaryCard
   title="How-tos"
   icon="help-circle-outline"
   description="Check our guides to creating and managing Kubernetes clusters and their features."
   label="Read More"
-  url="/#"
+  url="/identity-and-access-management/secret-manager/how-to/create-version/"
 />
 
 <SummaryCard
   title="Reference content"
   icon="book-open-outline"
   description="Guides to help you configuring your cluster and its advanced configuration."
   label="Read More"
-  url="/#"
+  url="/identity-and-access-management/secret-manager/reference-content/data-encryption-with-secret-manager/"
 />
 </Grid>
 
@@ -556,4 +555,88 @@ Here is a list of current Ultraviolet illustrations available
 Here is a list of current Ultraviolet product icons available
 
 <UvProductIcons />
----
+
+---
+
+## GuideFlow Integration
+
+<GuideFlow src="https://app.guideflow.com/player/yr4mydmtlr"/>
+
+
+## StoryLane Integration
+
+<StoryLaneIframe src="https://app.storylane.io/demo/mcoaemfz6l9v" />
+
+---
+
+## Illustration Cards
+
+Here is an example of a card component using illustrations with its troubleshooting link and automatically placed due to `IllustrationCardsContainer` wrapping each manually added cards.
+
+```jsx
+
+<Grid>
+
+<ProductCardIllustration
+  productLogo="serverlessDB"
+  url="/serverless/troubleshooting/"
+  label="Serverless"
+/>
+
+</Grid>
+
+```
+
+<Grid>
+
+  <ProductCardIllustration
+    productLogo="serverlessDB"
+    url="/serverless/troubleshooting/"
+    label="Serverless"
+  />
+
+  <ProductCardIllustration
+    productLogo="instance"
+    url="/compute/troubleshooting/"
+    label="Compute"
+  />
+
+  <ProductCardIllustration
+    productLogo="blockStorage"
+    url="/storage/troubleshooting/"
+    label="Storage"
+  />
+
+  <ProductCardIllustration
+    productLogo="webHosting"
+    url="/storage/troubleshooting/"
+    label="Web Hosting"
+  />
+
+  <ProductCardIllustration
+    productLogo="learning"
+    url="/storage/troubleshooting/"
+    label="Learning"
+  />
+
+  <ProductCardIllustration
+    productLogo="generic"
+    url="/storage/troubleshooting/"
+    label="Generic"
+  />
+
+  <ProductCardIllustration
+    productLogo="cockpit"
+    url="/storage/troubleshooting/"
+    label="Cockpit"
+  />
+
+  <ProductCardIllustration
+    productLogo="vpc"
+    url="/storage/troubleshooting/"
+    label="VPC"
+  />
+
+</Grid>
+
+---