docs: update documentation

docs/src/content/docs/en/features/backorder/connector.mdx

@@ -2,26 +2,24 @@
 title: Connector
 ---
 
-import {LinkCard} from '@astrojs/starlight/components';
+import {LinkCard, Steps} from '@astrojs/starlight/components';
 
 A Connector allows Domain Watchdog to communicate with an external domain registrar’s API to perform actions such as
 domain registration.
 
 ## Create a Connector
 
+<Steps>
 1. Choose an external API provider from the list of supported registrars.
-
     <LinkCard title="Supported registrar" description="List of supported registrars for creating a Connector" href="../supported-registrar"/>
-
 2. Enter the required information using the credentials obtained from your provider’s customer area
-
     :::tip{icon="heart"}
     A link allows you to directly access the Provider's page to retrieve this authentication information
     :::
-
 3. Review and consent to the required terms. As a reminder, you can delete a Connector at any time from your personal
 space.
 4. Click the button to create your Connector. **Congratulations 🎉**
+</Steps>
 
 ## Legal considerations
 

docs/src/content/docs/en/features/index.mdx

@@ -3,7 +3,7 @@ title: Getting started
 description: Step-by-step guide to creating an account, searching domains, tracking changes, and enabling auto-purchase with Connectors.
 ---
 
-import {LinkCard} from '@astrojs/starlight/components';
+import {LinkCard, Steps} from '@astrojs/starlight/components';
 
 On this page, you'll find a step-by-step guide to getting started with **Domain Watchdog** and exploring its main
 features. The sidebar menu on the left allows you to quickly navigate between all documentation sections.
@@ -21,9 +21,11 @@ If your instance allows user registration, you can create an account directly fr
 
 ![User registration](../../../../assets/images/user-register.png)
 
+<Steps>
 1. Click the **Register** button.
 2. Enter your **email address** and **password**.
 3. A confirmation email will be sent to verify your address.
+</Steps>
 
 After confirming your email, you can log in and start using all available features.
 
@@ -36,11 +38,13 @@ domain names.
 
 ![Search for a domain name](../../../../assets/images/search-domain.png)
 
+:::tip[Read more]
 To read the documentation related to domain name search, please click on the link below.
 
 <LinkCard title="Domain search"
           description="Obtain the details of a domain name registration and the history of observed events"
           href="../features/search/domain-search"/>
+:::
 
 ---
 
@@ -48,17 +52,19 @@ To read the documentation related to domain name search, please click on the lin
 
 A **Watchlist** is a collection of domain names, triggers, and optionally an API Connector.
 It allows you to:
-- monitor domain status changes,
+- monitor domain status changes
-- receive notifications (email or webhook: Slack, Mattermost, Discord, etc.),
+- receive notifications (email or webhook: Slack, Mattermost, Discord, etc.)
-- optionally auto-purchase a domain when it expires.
+- optionally auto-purchase a domain when it expires
 
 ![Create a Watchlist](../../../../assets/images/create-watchlist.png)
 
+:::tip[Read more]
 To read the documentation related to the Watchlist, please click on the link below.
 
 <LinkCard title="Watchlist"
           description="Add domain names to a Watchlist to track them, be notified of any changes, and potentially buy them when they expire"
           href="../features/tracking/watchlist"/>
+:::
 
 ### Watchlist notifications
 
@@ -73,11 +79,13 @@ A **Connector** is used to automatically order (backorder) a domain name using i
 
 ![Create a Connector](../../../../assets/images/create-connector.png)
 
+:::tip[Read more]
 To read the documentation related to Connector, please click on the link below.
 
 <LinkCard title="Connector"
           description="Create a Connector to enable domain name purchases by linking it to your Watchlists"
           href="../features/backorder/connector"/>
+:::
 
 ### Supported registrar list
 
@@ -94,8 +102,10 @@ This list is ordered, meaning the domain names are arranged according to their e
 
 ![Tracking table](../../../../assets/images/tracking-table.png)
 
+:::tip[Read more]
 To read the documentation related to the Tracking table, please click on the link below.
 
 <LinkCard title="Tracking table"
           description="List all the domains you're monitoring in your Watchlist and track the status of those domains"
           href="../features/tracking/tracking-table"/>
+:::

docs/src/content/docs/en/features/tracking/watchlist.mdx

@@ -1,6 +1,7 @@
 ---
 title: Watchlist
 ---
+import {Steps} from '@astrojs/starlight/components';
 
 A Watchlist is a list of domain names, triggers and possibly an API connector. They allow you to follow the life of the
 listed domain names and send you a notification when a change has been detected.
@@ -15,11 +16,13 @@ possible to predict in advance which user will win the domain name. The choice i
 
 ## Create a Watchlist
 
+<Steps>
 1. Choose a name for your Watchlist and find it more easily
 2. Add the domain names you want to follow
 3. Select the events for which you want to receive an email notification
 4. Optionally add a connector to try to automatically buy a domain name that becomes available
 5. Click the button to create your Watchlist. **Congratulations 🎉**
+</Steps>
 
 Now, it's your turn to create a Watchlist!
 

docs/src/content/docs/en/self-hosting/manual-install.mdx

@@ -2,7 +2,7 @@
 title: Manual Install
 ---
 
-import {LinkCard} from '@astrojs/starlight/components';
+import {LinkCard, Steps} from '@astrojs/starlight/components';
 
 ## Installation
 
@@ -29,6 +29,7 @@ git clone https://github.com/maelgangloff/domain-watchdog.git
 
 #### Backend
 
+<Steps>
 1. Install dependencies:
     ```shell
     composer install
@@ -37,7 +38,6 @@ composer install
     ```shell
     cp .env .env.local
     ```
-
     <LinkCard title="Configuration" description="List of environment variables" href="../configuration"/>
 
 3. Generate the cryptographic key pair for the JWT signature
@@ -57,9 +57,11 @@ symfony server:start
     php bin/console assets:install
     ```
 7. Don't forget to set up workers to process the [message queue](https://symfony.com/doc/current/messenger.html)
+</Steps>
 
 #### Frontend
 
+<Steps>
 1. Install dependencies:
     ```shell
     yarn install
@@ -82,6 +84,7 @@ public/images/icons-512.png
     public/images/banner.png
     public/favicon.ico
     ~~~
+</Steps>
 
 ## Update
 
@@ -95,6 +98,7 @@ git pull origin master
 
 ### Backend
 
+<Steps>
 1. Install dependencies:
     ```shell
     composer install
@@ -111,9 +115,11 @@ php bin/console cache:clear
     ```shell
     php bin/console assets:install
     ```
+</Steps>
 
 ### Frontend
 
+<Steps>
 1. Install dependencies:
     ```shell
     yarn install
@@ -126,3 +132,4 @@ yarn run ttag:po2json
     ```shell
     yarn build
     ```
+</Steps>