fix: to kebab case

Author: Ikuyaz

docs/integration/xstore/dashboard.md

@@ -10,11 +10,9 @@ tags: ["e-Commerce", "X-Store", "Dashboard"]
 
 The **Dashboard** is the main page where you can see how your stores are doing. It shows you latest information on sales, orders, stock, and if your stores are connected properly.
 
----
-
 ### Date Filter
 
-![Date Filter](../../../static/img/xstore/dashboard/dashboard-1.png)
+![date-filter](../../../static/img/xstore/dashboard/dashboard-1.png)
 
 Pick a time period to see its data. You can choose:
 
@@ -27,7 +25,7 @@ Pick a time period to see its data. You can choose:
 
 ### Choose What to See
 
-![Choose What to See](../../../static/img/xstore/dashboard/dashboard-6.png)
+![choose-what-to-see](../../../static/img/xstore/dashboard/dashboard-6.png)
 
 Pick what kind of numbers you want to see:
 
@@ -36,7 +34,7 @@ Pick what kind of numbers you want to see:
 
 ### Chart Types
 
-![Chart Types](../../../static/img/xstore/dashboard/dashboard-7.png)
+![chart-types](../../../static/img/xstore/dashboard/dashboard-7.png)
 
 Choose how you want the numbers to look:
 
@@ -45,13 +43,11 @@ Choose how you want the numbers to look:
 - **Pie Chart**: Shows a circle divided into parts to see which time had more sales.
 - **Table**: Shows exact numbers in a list.
 
----
-
 ## Payments Section
 
 This part shows you the money side of your business.
 
-![Payments Section](../../../static/img/xstore/dashboard/dashboard-2.png)
+![payments-section](../../../static/img/xstore/dashboard/dashboard-2.png)
 
 ### Main Numbers
 
@@ -65,7 +61,7 @@ A picture showing your payment trends. You can change how it looks using the but
 
 **Group by Time**
 
-![Group by Time](../../../static/img/xstore/dashboard/dashboard-8.png)
+![group-by-time](../../../static/img/xstore/dashboard/dashboard-8.png)
 
 Choose how to bundle your payment data:
 
@@ -75,13 +71,11 @@ Choose how to bundle your payment data:
 
 > **Tip**: Try different chart types with different time groups. For example, use a line chart with "Day" to see small changes, or a bar chart with "Month" to see how you did over several months.
 
----
-
 ## Orders Section
 
 This part shows you how many orders you have and where they come from.
 
-![Orders Section](../../../static/img/xstore/dashboard/dashboard-3.png)
+![orders-section](../../../static/img/xstore/dashboard/dashboard-3.png)
 
 ### Order Numbers
 
@@ -92,24 +86,22 @@ This part shows you how many orders you have and where they come from.
 
 ### Order Details
 
-![Order Details](../../../static/img/xstore/dashboard/dashboard-10.png)
+![order-details](../../../static/img/xstore/dashboard/dashboard-10.png)
 
 - **Orders by Store**: Shows which individual store (like a specific Lazada or Shopee store) is getting orders.
 - **Orders by Status**: Shows all orders status from all the stores.
 - **Orders by Region**: Shows which country or area the orders are coming from (like MY or SG).
 - **Orders by Platform**: Compare how many orders come from Lazada vs Shopee vs other sites.
 
-![Orders Chart](../../../static/img/xstore/dashboard/dashboard-13.png)
+![orders-chart](../../../static/img/xstore/dashboard/dashboard-13.png)
 
 - **Orders Chart**: A line or bar showing if you are getting more or fewer orders over time.
 
----
-
 ## Products Section
 
 Check your stock and how well your items are selling.
 
-![Products Section](../../../static/img/xstore/dashboard/dashboard-4.png)
+![products-section](../../../static/img/xstore/dashboard/dashboard-4.png)
 
 ### Stock Numbers
 
@@ -120,18 +112,16 @@ Check your stock and how well your items are selling.
 
 ### Product Info
 
-![Product Info](../../../static/img/xstore/dashboard/dashboard-11.png)
+![product-info](../../../static/img/xstore/dashboard/dashboard-11.png)
 
 - **Top Selling Products**: A list of your most popular items.
 - **Top Returned Products**: Items that customers send back most often. This helps you find problems with certain products.
 
----
-
 ## Stores Section
 
 Manage your different selling channels.
 
-![Stores Section](../../../static/img/xstore/dashboard/dashboard-5.png)
+![stores-section](../../../static/img/xstore/dashboard/dashboard-5.png)
 
 ### Store Numbers
 
@@ -140,7 +130,7 @@ Manage your different selling channels.
 
 ### Store Locations
 
-![Store Locations](../../../static/img/xstore/dashboard/dashboard-12.png)
+![store-locations](../../../static/img/xstore/dashboard/dashboard-12.png)
 
 - **Stores by Platform**: Shows how many stores you have for Lazada, Shopee, or TikTok and more.
 - **Stores by Region**: Shows where your stores are located (like MY, SG, and more).

docs/integration/xstore/getting-started.md

@@ -14,7 +14,7 @@ If you already have an account, you can [sign in](https://x-store-demo.sql.com.m
 - **Sign in with Email** - Enter your email address and click the verification link to sign in
 - **Google Single Sign-On (SSO)** - Sign in with your Google account (Gmail only). Click the Google button, select your Gmail account, and you'll be signed in automatically.
 
-For detailed instructions, please refer to the [Sign Up Section](#sign-up) below.
+For detailed instructions, please refer to the [sign up section](#sign-up) below.
 
   ![login-overview](../../../static/img/xstore/getting-started/login-overview.png)
 

docs/integration/xstore/inventory.md

@@ -12,43 +12,43 @@ tags: ["e-Commerce", "X-Store", "Inventory"]
 
 1. Go to **Inventory > Products**
 
-   ![1](../../../static/img/xstore/inventory/product-overview.png)
+   ![product-overview](../../../static/img/xstore/inventory/product-overview.png)
 
 2. Click the **Map Product Button** to open the **Map Product Dialog**
 
-   ![2](../../../static/img/xstore/inventory/map-product.png)
+   ![map-product](../../../static/img/xstore/inventory/map-product.png)
 
-   ![3](../../../static/img/xstore/inventory/map-dialog-overview.png)
+   ![map-dialog-overview](../../../static/img/xstore/inventory/map-dialog-overview.png)
 
    :::info
    Use the **Filter Button** to narrow your **Platform Products View**, or use the **Search Bar** to find specific e-commerce products and stock items.
    :::
 
 3. Select e-commerce products synced from various platforms and then a stock item synced from SQL Account to map them together
 
-   ![4](../../../static/img/xstore/inventory/mapping-product-1.png)
+   ![mapping-product-1](../../../static/img/xstore/inventory/mapping-product-1.png)
 
    :::info
    **e-commerce Products** are mapped to **Stock Item UOM**.
    :::
 
 4. To unmap products, select them and click **Unmap**
 
-   ![5](../../../static/img/xstore/inventory/unmap-product-1.png)
+   ![unmap-product-1](../../../static/img/xstore/inventory/unmap-product-1.png)
 
-   ![6](../../../static/img/xstore/inventory/unmap-product-2.png)
+   ![unmap-product-2](../../../static/img/xstore/inventory/unmap-product-2.png)
 
 ## Stocks
 
 ### Map Products to Specific Stock Items
 
 1. Go to **Inventory > Stocks**
 
-   ![8](../../../static/img/xstore/inventory/stock-overview.png)
+   ![stock-overview](../../../static/img/xstore/inventory/stock-overview.png)
 
 2. Click the icon to view stock details
 
-   ![9](../../../static/img/xstore/inventory/view-stock-detail.png)
+   ![view-stock-detail](../../../static/img/xstore/inventory/view-stock-detail.png)
 
    :::info
    - **Map Product** can be performed here as well
@@ -57,11 +57,11 @@ tags: ["e-Commerce", "X-Store", "Inventory"]
 
 3. Click the **+** icon to open the **Map Product Dialog**
 
-   ![10](../../../static/img/xstore/inventory/stock-detail.png)
+   ![stock-detail](../../../static/img/xstore/inventory/stock-detail.png)
 
 4. Select the **Platform Product** and click **Map Product** to map it directly to this **Stock Item UOM**
 
-   ![11](../../../static/img/xstore/inventory/map-selective-uom.png)
+   ![map-selective-uom](../../../static/img/xstore/inventory/map-selective-uom.png)
 
    :::info
    Ensure your store is mapped to the correct stock item location, or mapped items won't appear.

docs/integration/xstore/side-menu.md

@@ -8,7 +8,7 @@ tags: ["e-Commerce", "X-Store", "Side Menu"]
 
 The side menu is the secondary navigation component for the e-Commerce integration system.
 
-![Side Menu](../../../static/img/xstore/sidemenu/sidemenu.png)
+![side-menu](../../../static/img/xstore/sidemenu/sidemenu.png)
 
 ## Profile Actions
 
@@ -33,7 +33,7 @@ The side menu is the secondary navigation component for the e-Commerce integrati
 
 The User Profile page displays your account information and security settings.
 
-![User Profile](../../../static/img/xstore/sidemenu/sidemenu-1.png)
+![user-profile](../../../static/img/xstore/sidemenu/sidemenu-1.png)
 
 ### Profile Information
 
@@ -48,7 +48,7 @@ The User Profile page displays your account information and security settings.
 
 Manage your registered passkeys for secure authentication.
 
-![Passkeys](../../../static/img/xstore/sidemenu/sidemenu-2.png)
+![passkeys](../../../static/img/xstore/sidemenu/sidemenu-2.png)
 
 - Click **+ Create Passkey** to register a new passkey
 - View existing passkeys with actions menu
@@ -57,21 +57,21 @@ Manage your registered passkeys for secure authentication.
 
 View your active login sessions across different devices and browsers.
 
-![Passkeys](../../../static/img/xstore/sidemenu/sidemenu-8.png)
+![sessions](../../../static/img/xstore/sidemenu/sidemenu-8.png)
 
-![Passkeys](../../../static/img/xstore/sidemenu/sidemenu-3.png)
+![sessions-2](../../../static/img/xstore/sidemenu/sidemenu-3.png)
 
 ---
 
 ## Update User Profile
 
 Edit your profile information from the User Profile page.
 
-![Update User Profile](../../../static/img/xstore/sidemenu/sidemenu-4.png)
+![update-user-profile](../../../static/img/xstore/sidemenu/sidemenu-4.png)
 
 ### Editable Fields
 
-![Update User Profile 2](../../../static/img/xstore/sidemenu/sidemenu-7.png)
+![update-user-profile-2](../../../static/img/xstore/sidemenu/sidemenu-7.png)
 
 Click **Save** to apply changes or **Cancel** to discard.
 
@@ -81,18 +81,18 @@ Click **Save** to apply changes or **Cancel** to discard.
 
 Create a new passkey for passwordless authentication.
 
-![Register New Passkey](../../../static/img/xstore/sidemenu/sidemenu-5.png)
+![register-new-passkey](../../../static/img/xstore/sidemenu/sidemenu-5.png)
 
 ### Steps to Register
 
 1. Click **+ Create Passkey** from the User Profile page
 2. Enter a **Passkey Name** (required, max 50 characters)
 
-	![Authentication Prompt](../../../static/img/xstore/sidemenu/sidemenu-9.png)
+![authentication-prompt](../../../static/img/xstore/sidemenu/sidemenu-9.png)
 
 3. Click **Register** to complete the process
 
-	![Authentication Prompt](../../../static/img/xstore/sidemenu/sidemenu-6.png)
+![authentication-prompt-2](../../../static/img/xstore/sidemenu/sidemenu-6.png)
 
 4. Choose where to save the passkey
 5. Follow your device's authentication prompt