Update Chapter 2 contents

Chapter2/Flutter.typ

@@ -19,8 +19,6 @@ Linux, macOS และ Windows โดย Flutter ได้รับการพ
 ช่วยลดความยุ่งยากในการรองรับหลายแพลตฟอร์ม เนื่องจากสามารถใช้โคด UI
 ที่เหมือนกันได้กับทุกแพลตฟอร์มเป้าหมาย
 
-#pagebreak()
-
 == การติดตั้งโปรแกรมเขียนโคด
 
 #i จริง ๆ แล้วนั้น Flutter สามารถทำงานกับโปรแกรมเขียนโคดใดก็ได้ แต่มีโปรแกรมเหล่านี้ที่อาจมีประสบการณ์การพัฒนาที่ดีกว่าโปรแกรมอื่น:
@@ -78,8 +76,6 @@ winget install --id Git.Git -e --source winget
 
 หากต้องการคำสั่งในการติดตั้งแพคเกจเหล่านี้ โปรดดู@flLinuxDetails
 
-#pagebreak()
-
 ==== macOS
 
 #i จำเป็นต้องทำการติดตั้งเครื่องมือ command-line Xcode เพื่อเข้าถึงเครื่องมือที่ Flutter จำเป็นต้องใช้ รวมถึง Git
@@ -92,6 +88,8 @@ xcode-select --install
 
 #i หากคุณไม่ได้ติดตั้งเครื่องมืออยู่แล้ว จะมีไดอะลอกเพื่อคอนเฟิร์มว่าคุณต้องการที่จะติดตั้งมัน กด *Install* และกด *Done* เมื่อทำการติดตั้งเสร็จสิ้นแล้ว
 
+#pagebreak()
+
 === การติดตั้งผ่าน Visual Studio Code
 
 1. เปิด VSCode
@@ -119,8 +117,6 @@ xcode-select --install
 4. เมื่อเสร็จสิ้น ใช้คำสั่ง `flutter doctor -v` ในเทอร์มินัลที่คุณเลือกเพื่อตรวจสอบการติดตั้ง Flutter ของคุณ \
   หากคำสั่งไม่เจอหรือเกิดข้อผิดพลาดขึ้น ตรวจสอบ https://docs.flutter.dev/install/troubleshoot สำหรับข้อมูลเพิ่มเติม
 
-#pagebreak()
-
 === การติดตั้งด้วยตนเอง
 
 #i แนะนำให้ทำตาม https://docs.flutter.dev/install/manual#install-flutter เนื่องจากกระบวนการนี้ต้องใช้ข้อมูลที่ใหม่ล่าสุด
@@ -145,7 +141,7 @@ Google สามารถใช้พัฒนาแอปพลิเคชั
 #i หากยังไม่ได้ติดตั้งปลั๊กอิน Flutter โปรดติดตั้งปลั๊กอินก่อน โดยหากอยู่ในหน้าต้อนรับ สามารถติดตั้งปลั๊กอินได้โดยการเข้าไปยังแท็บ *Plugins* หรือหากเปิดโปรเจกต์อื่นอยู่ สามารถเข้าถึงหน้าปลั๊กอินได้โดยการกดที่ไอคอนฟันเฟืองในแถบเครื่องมือ แล้วกด *Plugins...* หลังจากนั้น ในแท็บ *Marketplace* ของหน้าปลั๊กอิน ค้นหา *Flutter* (ผู้ผลิตปลั๊กอินคือ Google) แล้วกด *Install*
 
 #afigure(
-  image("Flutter/homePage.png", width: 60%),
+  image("Flutter/homePage.png", width: 80%),
   attr: "ส่วนหนึ่งของโครงงาน, ศตคุณ อุตมะ, ภายใต้ CC BY-SA 4.0",
   alt: "หน้ายินดีต้อนรับในแท็บ Projects ที่กำลังแสดงรายการโปรเจกต์และปุ่มในการสร้างโปรเจกต์ใหม่",
   caption: [หน้ายินดีต้อนรับใน Android Studio],
@@ -172,8 +168,6 @@ Google สามารถใช้พัฒนาแอปพลิเคชั
 
 เมื่อทำการใส่รายละเอียดทั้งหมดแล้ว สามารถกด Create เพื่อสร้างโปรเจกต์ได้เลย
 
-#pagebreak()
-
 == แอพลิเคชันตัวอย่าง
 
 เมื่อกดรันแอพลิเคชันด้วยไอคอน #box(image("Flutter/vscode_play.svg", alt: "Play"), baseline: 15%) (หรือ Shift+F10 ใน Android Studio) จะได้แอพลิเคชันดังรูปด้านล่างออกมา
@@ -335,8 +329,6 @@ class _MyHomePageState extends State<MyHomePage> {
       body: Center(
 ```
 
-#pagebreak()
-
 และ `Column` เป็นวิดเจ็ทจัดเลย์เอาต์เช่นกัน มันรับลูกหลายคน (`children`) แล้วจัดเรียงมันในแนวตั้ง โดยค่าเริ่มต้นแล้ว มันจะจัดให้ตัวเองกว้างเท่ากับลูก ๆ ของมัน และพยายามจัดให้ตัวเองสูงเท่าวิดเจ็ทที่สูงกว่า
 
 วิดเจ็ทคอลัมน์มีหลายคุณสมบัติในการควบคุมขนาดของมันและการจัดวางลูก ๆ ของมัน โดยด้านล่างมีการใช้อาร์กิวเมนต์ `mainAxisAlignment` ในการจัดลูก ๆ ของมันให้อยู่ตรงกลางในแนวตั้ง โดย "main axis" หรือ แกนหลัก ในกรณีนี้คือแนวตั้ง เพราะคอลัมน์นั้นเป็นแนวตั้ง (และ "cross axis" หรือแกนไขว้ จะเป็นแนวนอน คือแนวตรงข้ามกับแนวหลัก)
@@ -505,12 +497,20 @@ flutter:
 
 #i ในการพัฒนาแอพลิเคชันสำหรับ Linux ต้องติดตั้งโปรแกรมเพิ่มเติม (build dependencies) ขยายความคือ ด้านบนคือสิ่งที่จำเป็นหากมีระบบอื่นเป็นเป้าหมาย แต่หากต้องการพัฒนาแอพลิเคชัน Linux ต้องติดตั้งโปรแกรมในรายการด้านล่างเพิ่ม
 
-- GTK 3 (ไลบรารีสำหรับการพัฒนา)
-- Clang
-- CMake
-- Ninja
-- pkg-config
-- ไลบรารี GNU Standard C++ v3
+#grid(
+  columns: 2,
+  column-gutter: 1in,
+  [
+    - GTK 3 (ไลบรารีสำหรับการพัฒนา)
+    - pkg-config
+    - ไลบรารี GNU Standard C++ v3
+  ],
+  [
+    - Clang
+    - CMake
+    - Ninja
+  ],
+)
 
 #i การติดตั้งไลบรารีและโปรแกรมที่กล่าวไปข้างต้นจะแตกต่างกันไปแต่ละการแจกจ่าย Linux และ Flutter ใช้ไลบรารีพื้นฐานดังกล่าวในการทำงานของแอพลิเคชัน (runtime dependencies)
 
@@ -520,8 +520,6 @@ flutter:
 
 แต่โดยทั่วไปแล้ว ไลบรารีเหล่านี้ควรถูกติดตั้งมาอยู่แล้วหากคุณใช้ graphical desktop ทั่วไป
 
-#pagebreak()
-
 ==== Debian
 
 ```sh