chore: run migration scripts and adapt MDX (#5229)

* fix(gen): content updates

* fix(gen): ts component

* fix(gen): update linkslist

* fix: add example of icon for troubleshooting home product

* fix(tuto): product icons ts

* fix(tuto): product icons ts 2

* fix: fix wrong html structure

* fix(tuto): product icons 3

* fix(tuto): fix component

* fix(gen): replace alert with message

* fix(gen): review jessi

Co-authored-by: Jessica <[email protected]>

* chore: run migration scripts and adapt MDX

* fix bad table

---------

Co-authored-by: ldecarvalho-doc <[email protected]>
Co-authored-by: Antoine Caron <[email protected]>
Co-authored-by: Jessica <[email protected]>

Author: 4 people

macros/general/troubleshooting-ticket.mdx

@@ -11,19 +11,19 @@ If you still cannot solve your problem, [open a support ticket](/account/how-to/
     - Log / trace of the error (if possible)
     - Screenshots (using our secure [pastebin tool](https://privatebin.iliad.fr/))
     - HTTP status code (if applicable)
-    - Request type (PUT, GET, etc., if applicable) 
+    - Request type (PUT, GET, etc., if applicable)
 
 <Grid>
-<DefaultCard 
+<Card
   title="AI search"
   description="Use our AI assistant to find solutions."
   url="/ai-search/"
   label="Ask AI"
 />
-<DefaultCard 
+<Card
   title="FAQ"
   description="Get general information on Scaleway products."
   url="/faq/"
   label="Read FAQ"
 />
-</Grid>
+</Grid>

pages/account/how-to/change-console-appearance.mdx

@@ -12,14 +12,16 @@ dates:
 categories:
   - console
 ---
+import Requirements from '@macros/iam/requirements.mdx'
+
 
 You can choose the color scheme of the [Scaleway console](/account/concepts/#console) according to your preferences. We offer a light, dark, darker, or system-based color scheme.
 
 <Message type="note">
   This feature is currently not available for [IAM Members](/iam/concepts/#member).
 </Message>
 
-<Macro id="requirements" />
+<Requirements />
 
 - A Scaleway account logged into the [console](https://console.scaleway.com)
 - [Owner](/iam/concepts/#owner) status or [IAM permissions](/iam/concepts/#permission) allowing you to perform actions in the intended Organization

pages/account/how-to/change-language.mdx

@@ -12,10 +12,12 @@ dates:
 categories:
   - console
 ---
+import Requirements from '@macros/iam/requirements.mdx'
+
 
 You can choose which language you would like to view the [Scaleway console](/account/concepts/#console) in. This language will also be used for any marketing and product communications Scaleway sends you.
 
-<Macro id="requirements" />
+<Requirements />
 
 - A [Scaleway account](https://console.scaleway.com)
 

pages/account/how-to/change-password.mdx

@@ -12,10 +12,12 @@ dates:
 categories:
   - console
 ---
+import Requirements from '@macros/iam/requirements.mdx'
+
 
 This page shows you how to change your [Scaleway account](https://console.scaleway.com) password.
 
-<Macro id="requirements" />
+<Requirements />
 
 - A Scaleway account logged into the [console](https://console.scaleway.com)
 

pages/account/how-to/close-account.mdx

@@ -12,18 +12,23 @@ dates:
 categories:
   - console
 ---
+import CloseVsErase from '@macros/console/close-vs-erase.mdx'
+import Requirements from '@macros/iam/requirements.mdx'
+
+import image from './assets/scaleway-account-closed.webp'
+
 
 If you do not want to use Scaleway services anymore, you can close your account and/or [erase your personal data](/account/how-to/manage-my-personal-data-gdpr/#how-to-erase-your-account-and-personal-data).
 
 ## Closing your account or erasing your personal data: what’s the difference
 
-<Macro id="close-vs-erase" />
+<CloseVsErase />
 
 ## How to close your account
 
 Closing your account will permanently delete your Organization’s servers, resources, services, and backups. However, you keep access to the Scaleway console.
 
-<Macro id="requirements" />
+<Requirements />
 - A Scaleway account logged into the [console](https://console.scaleway.com)
 - [Ownership](/iam/concepts/#owner) of the Organization you intend to delete
 
@@ -46,4 +51,4 @@ Closing your account will permanently delete your Organization’s servers, reso
 
 When your account is closed, you can still access the Scaleway console. A red banner at the top navigation bar will display to inform you that your account has been closed. If you want to reopen it, you can [open a support ticket](https://console.scaleway.com/support/tickets/create).
 
- <Lightbox src="scaleway-account-closed.webp" alt="Screenshot of the Scaleway console. A banner informs you that the Organization is deactivated and can be reopened by submitting a support ticket." />
+ <Lightbox image={image} alt="Screenshot of the Scaleway console. A banner informs you that the Organization is deactivated and can be reopened by submitting a support ticket." />

pages/account/how-to/configure-support-plans.mdx

@@ -12,8 +12,12 @@ dates:
 categories:
   - console
 ---
+import Requirements from '@macros/iam/requirements.mdx'
 
-<Macro id="requirements" />
+import image from './assets/scaleway-support-plans-overview.webp'
+
+
+<Requirements />
 
 - A Scaleway account logged into the [console](https://console.scaleway.com)
 - [Owner](/iam/concepts/#owner) status or [IAM permissions](/iam/concepts/#permission) allowing you to perform actions in the intended Organization
@@ -29,7 +33,7 @@ The default support plan for an Organization is the **Basic** plan, but it can b
      Alternatively, click the question mark icon on the top menu to go directly to the console Help Center.
     </Message>
 2. Click **Upgrade plan**. You are redirected to the **Support plans** tab of the console Help Center.
-    <Lightbox src="scaleway-support-plans-overview.webp" alt="" />
+    <Lightbox image={image} alt="" />
 3. Click **Select** to select a plan.
 
     A pop-up displays a disclaimer message informing you that:

pages/account/how-to/create-an-account.mdx

@@ -12,7 +12,9 @@ dates:
 categories:
   - console
 ---
+import CreateAccount from '@macros/console/create-account.mdx'
+
 
 Scaleway is a complete cloud ecosystem, offering a single way for you to create, deploy and scale your infrastructure in the cloud. Create your Scaleway account to gain access to the [Scaleway console](/account/concepts/#console) and [Scaleway API](https://www.scaleway.com/en/developers/api/), and deploy our products and services with ease.
 
-<Macro id="create-account" />
+<CreateAccount />

pages/account/how-to/log-in-to-the-console.mdx

@@ -12,8 +12,13 @@ dates:
 categories:
   - console
 ---
+import LoginMember from '@macros/iam/login-member.mdx'
+import Requirements from '@macros/iam/requirements.mdx'
 
-<Macro id="requirements" />
+import image from './assets/scaleway-magic-link-email.webp'
+
+
+<Requirements />
 
 - A [Scaleway](https://www.scaleway.com/en/) account
 
@@ -26,7 +31,7 @@ Instead of using your password, you can use a **Magic Link** to authenticate you
    A magic link will be sent to your email inbox.
 3. Check your email inbox for an email with the subject **Scaleway - Passwordless Authentication** and open it.
 4. Click **Authenticate Myself** to connect to the Scaleway console.
-    <Lightbox src="scaleway-magic-link-email.webp" alt="" />
+    <Lightbox image={image} alt="" />
 
 You will be redirected to and logged into your management console.
 
@@ -49,7 +54,7 @@ Scaleway provides Single Sign-On (SSO) options for a seamless login experience.
 
 If you were added to a Scaleway Organization as an [IAM Member](/iam/concepts#members), you must follow a dedicated login process.
 
-<Macro id="login-member" />
+<LoginMember />
 
 ## How to log in using MFA
 

pages/account/how-to/manage-my-personal-data-gdpr.mdx

@@ -12,10 +12,13 @@ dates:
 categories:
   - console
 ---
+import CloseVsErase from '@macros/console/close-vs-erase.mdx'
+import Requirements from '@macros/iam/requirements.mdx'
+
 
 Scaleway makes it easy for you to manage your personal data and privacy via the console.
 
-<Macro id="requirements" />
+<Requirements />
 
 - A Scaleway account logged into the [console](https://console.scaleway.com)
 - [Owner](/iam/concepts/#owner) status or [IAM permissions](/iam/concepts/#permission) allowing you to perform actions in the intended Organization
@@ -66,13 +69,13 @@ If you do not want to use Scaleway services anymore, you can [close your account
 
 ### Closing your account or erasing your personal data: what’s the difference?
 
-<Macro id="close-vs-erase" />
+<CloseVsErase />
 
 ### How to erase your personal data
 
 Erasing your account and personal data will permanently delete your Organization’s servers, resources, services, backups, and all data related to your account.
 
-<Macro id="requirements" />
+<Requirements />
 
 - A Scaleway account logged into the [console](https://console.scaleway.com)
 - [Ownership](/iam/concepts/#owner) of the Organization you intend to delete

pages/account/how-to/manage-notifications.mdx

@@ -12,17 +12,21 @@ dates:
 categories:
   - account
 ---
+import Requirements from '@macros/iam/requirements.mdx'
+
+import image from './assets/scaleway-notif-icon.webp'
+
 
 The **notification manager** allows you to configure different types of notifications about Organization events, for the users in your Organization. These events include incidents, technical issues or maintenance, security alerts and billing. The notification manager also provides shortcuts to your [Budget alerts](/billing/how-to/use-billing-alerts/), [Cockpit alerts](/cockpit/how-to/enable-alert-manager/), and the Scaleway [status page](https://status.scaleway.com/).
 
-<Macro id="requirements" />
+<Requirements />
 
 - A Scaleway account logged into the [console](https://console.scaleway.com)
 
 ## How to notify users in your Organization
 
 1. Click the bell icon, or **notification manager** icon, in the top-right menu of the Scaleway console. You are directed to the Notification Manager page.
-    <Lightbox src="scaleway-notif-icon.webp" alt="" />
+    <Lightbox image={image} alt="" />
 2. Scroll to the **User notifications** section.
 3. Check the box(es) next to the email of the user for who you want to set up the notifications. Four [types of notifications](#types-of-notifications) are available: **Incident**, **Technical**, **Security** and **Billing**.
     <Message type="important">