Merge pull request 'feature/add-setup-popup-panel' (#27) from feature/add-setup-popup-panel into develop

Reviewed-on: #27

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

@@ -210,7 +210,7 @@ Create new node and configuration in your main scene:
 ##### Texture Button Bar    
 Checklist assets completed for bottom UI and button UI text   
 :::info
-🔗 [Click here to follow the setup pack assets](http://localhost:3000/docs/category/game-asset-structure)
+🔗 [](http://localhost:3000/docs/category/game-asset-structure)
 :::      
  ![main scenes](./img/05-main-scene/prepare-ui-bottom-bar.png)    
 
@@ -409,39 +409,43 @@ The popup panel is already integrated into the main scenes `template-main-game`.
 ![Popup In Game](./img/05-main-scene/popup-panel-in-game.png)       
 
 
-| **Node Type**        | **Location Description**                  | **Screenshot**                                              |
-| -------------------- | ----------------------------- | ------------------------------------------------------------------------|
-| **Definition Node**  | Before configuring the popup prefab  | ![Popup Definition](./img/05-main-scene/popup-before.png)        |
-| **Positioning Node** | After adjusting the prefab's position in scene | ![Popup Position](./img/05-main-scene/popup-after.png) |
+| ![Popup Definition](./img/05-main-scene/popup-before.png)  | Change set Sibling index  | ![Popup Position](./img/05-main-scene/popup-after.png)|
+| -----------------------------------------------------------|------------------------- | ------------------------------------------------------|
 
 #### Detail configuring:
 
 ##### Multiple Popup Panel:
 
+:::info
 ![Popup Position](./img/05-main-scene/popup-multi-panel.png) 
 
-To use the Multiple Popup layout, reference target `hyper-multiple-popup.prefab` in core:
-:::info
-    **Path**    : *assets/core-assets/hyper-core/packages/popup-panel/prefabs/hyper-multiple-popup.prefab*        
+To use the Multiple Popup layout, reference target `hyper-multiple-popup.prefab` in core:   
+
+**Path**    : *assets/core-assets/hyper-core/packages/popup-panel/prefabs/hyper-multiple-popup.prefab*        
 :::
 
 ##### Manual Popup Panel:
 
+:::info
 -  This popup is self-configured using shared textures and layout structure.
--  The color theme and style may vary depending on the game design.
+-  The color theme and style may vary depending on the game design.         
+-  Note: **Exit Game** Popup only in **Desktop**.
+:::
 
-⚠️ Note:
-The **Exit Game** Popup only appears in **Desktop**.
+##### Assets pack:  
+
+- *Prepare asset to pack*.
+
+🔗 Click here to follow the setup pack assets: [Complete Assets Structure Guide](http://localhost:3000/docs/category/game-asset-structure)   
+
+|                           Path                              |                     Example                                       |
+|-------------------------------------------------------------|-------------------------------------------------------------------|
+|`assets\game-assets\textures\desktop\preloads\main-game\exit`|![Exit Game Popup In Game](./img/05-main-scene/exit-popup-game.png)|
+
+- structure prefabs:
 
 ![Exit Game Popup In Game](./img/05-main-scene/popup-exit-in-game.png)
 
-##### Texture Path & Asset Info:
-✅ Exit popup textures have been successfully packed.      
-🔗 Refer to the full asset structure guide: [Complete Assets Structure Guide](http://localhost:3000/docs/category/game-asset-structure)         
-
-**Texture Path:**:      
-`assets\game-assets\textures\desktop\preloads\main-game\exit`      
-
 **Preview Result**:         
 ![Popup overview exit](./img/05-main-scene/popup-exit-game.png)