Merge remote-tracking branch 'origin/feature/add-setup-ui-panel-main-game' into feature/add-set-up-background-main-game

docs/01-setup-the-project/03-setup-custom-engine.md

@@ -6,7 +6,7 @@ sidebar_position: 3
 
 Set **Javascript Engine Path** to a **custom Cocos Engine**.
 
-Thank to the open source nature of Cocos Creator, we are able to customize some of the function in the source code to meet the requirement for Hyper Slot Game.
+Thanks to the open source nature of Cocos Creator, we are able to customize some of the function in the source code to meet the requirement for Hyper Slot Game.
 
 For the detail of the Custom Engine, take a look at this [**Custom Cocos Engine documentation**](../custom-cocos-engine/custom-cocos-engine.md)
 

docs/01-setup-the-project/04-create-game-folder-structure.md

@@ -28,7 +28,7 @@ Rename those scenes:
 
 ![Template Scene](./img/template-scenes.png)
 
-Inside `assets/game-assets/scripts/`, create a folder called `custome-scaler` then add a script `custom-scale-data.js`.
+Inside `assets/game-assets/scripts/`, create a folder called `custom-scaler` then add a script `custom-scale-data.js`.
 
 ![Custom Scale](./img/custom-scale.png)
 

docs/02-setup-main-game/05-main-scene.md

@@ -155,7 +155,7 @@ Rename the copied prefabs by removing unnecessary prefixes:
 
 #### Customize *`button-auto-selection`* Label  
 
-**Follow Game Design:**
+**Follow Design:**
 Use the `template-label-auto-selection` to customize the appearance of the label inside the `button-auto-selection` prefab.
 
 | Component            | Description                                       |
@@ -185,7 +185,7 @@ The `FormatText` property controls text formatting behavior for label components
 ---
 #### Step 3: Setup Ui In Main Scenes
 
-Create the following node configuration in your main scene:         
+Create new node and configuration in your main scene:                    
 ![main scenes](./img/05-main-scene/prepare-ui-bottom-bar.png)    
 
 ##### Platform Node Spawner Settings
@@ -244,7 +244,7 @@ Rename the copied prefabs by removing unnecessary prefixes:
 
 #### Step 3: Setup Ui In Main Scenes
 
-Create the following node configuration in your main scene:         
+Create new node and configuration in your main scene:                        
 ![main scenes](./img/05-main-scene/set-positon-mobile-ui.png)   
 
 ##### Platform Node Spawner Settings
@@ -275,7 +275,7 @@ Create the following node configuration in your main scene:
 
 #### Step 4: Setup Color For Menu Mobile UI 
 
-**Follow Game Design For Mobile UI:**   
+**Follow Design:**   
 
 | ![Auto Selection Result](./img/05-main-scene/menu-landscape.png)| ![Auto Selection Result](./img/05-main-scene/menu-portrait.png)  |
 |---------|-------|