add setup info pages

docs/02-setup-main-game/05-main-scene/09-info-pages.md

@@ -7,7 +7,7 @@ sidebar_position: 9
 Info Pages (Information Pages) provide players with essential details about how the game works. It helps player understand the rules, features, symbols, payout structures, and other gameplay mechanics.
 
 ---
-## Overview
+## Overivew
 
 - **Desktop** consists Paytable and Rules in **Info Pages**.
 - **Mobile** is divided into 2 parts Paytable and Rules
@@ -29,6 +29,7 @@ Info Pages (Information Pages) provide players with essential details about how
 | :--: | :----- | :---------- | :---------------------------------------------------------------------------------------------: |
 | 1    | Locate all template prefabs need for **Info Pages Desktop** | Search for the `desktop-hyper-info-panel` prefab. | ![Locate Prefabs](./img/09-info-pages/prepare-prefabs-desktop-1.png) |
 | 2    | Clone assets| Copy/Pase to game assets location, then rename the copied prefabs by removing unnecessary prefixes. | ![Locate Prefabs](./img/09-info-pages/prepare-prefabs-desktop-2.png) |
+| 3    | Get settings config| - Run DevTools on Browser.<br/>- On tab Console, find message with **event** = `config`.<br/>- Get values in context = `paytable` to setup for Item Payout with Item name and Odds | <img width="1500"/> ![Info Page Prepare Assets](./img/09-info-pages/prepare-setting-config.png) |
 
 ### desktop-info-panel
 
@@ -43,9 +44,9 @@ Info Pages (Information Pages) provide players with essential details about how
 
 - Paytable: Consist **Item with Payout** and **Item with Description**.
 
-    - Setup **Item with Payout**:
+    ![Locate Prefabs](./img/09-info-pages/configure-paytable-1.png) ![Locate Prefabs](./img/09-info-pages/configure-paytable-2.png) 
 
-        ![Locate Prefabs](./img/09-info-pages/configure-paytable-1.png) 
+    - Setup **Item with Payout**:
      
         | Step | Action | Image Reference |
         | :--: | :----- | :-------------: |
@@ -56,15 +57,15 @@ Info Pages (Information Pages) provide players with essential details about how
 
     - Setup **Item with Description**:
      
-        ![Locate Prefabs](./img/09-info-pages/configure-paytable-2.png) 
-
         | Step | Action | Image Reference |
         | :--: | :----- | :-------------: |
         | 1 | Setup Item with **Name** follow the game design. | <img width="1250"/> ![Locate Prefabs](./img/09-info-pages/configure-item-description-1.png) |
         | 2 | Setup **Sprite Frame** in `item-display` same name with item from prepared assets. | ![Locate Prefabs](./img/09-info-pages/configure-item-description-2.png) |
         | 3 | Change **String** in `description` follow the game design. |  ![Locate Prefabs](./img/09-info-pages/configure-item-description-3.png) |
 
-- Feature Game: Depending on each game, there will be different feature: **FREESPIN BONUS**, **BONUS FEATURE**, ...
+- Feature Game:
+
+    Depending on each game, there will be different feature: **FREESPIN BONUS**, **BONUS FEATURE**, ...
 
     - Title : Change **String** and **Color** in `freespins-bonus-title` follow the game design.
     - Image : Setup **Sprite Frame** `freespins-bonus-image-...` use from prepared assets.
@@ -97,14 +98,3 @@ Info Pages (Information Pages) provide players with essential details about how
 | 3    | Configure prefabs| We will configure `mobile-paytable-content` and `mobile-rules-content` the same as configure for desktop. | [Configure prefabs Desktop](./info-pages#setup-prefabs-desktop) |
 | 4    | Locate **Paytable** spawner position in `mobile-ui`, then use prefab configured.| Search for the `mobile-paytable-content-spawner` in `mobile-ui` prefab. | ![Locate Prefabs](./img/09-info-pages/configure-prefab-mobile-1.png) |
 | 5    | Locate **Rules** spawner position in `mobile-ui`, then use prefab configured.| Search for the `mobile-rule-content-spawner` in `mobile-ui` prefab. | <img width="1500"/>![Locate Prefabs](./img/09-info-pages/configure-prefab-mobile-2.png) |
-
-:::tip 
-
-If the game already have server, we will check config settings from server.
-
-1. Run DevTools on Browser, on tab **Network** find message with **event** = "config".
-
-2. Check values in **paytable** and compare it with what we've done.
-
-![Info Page Prepare Assets](./img/09-info-pages/prepare-setting-config.png)
-:::