Update ESP32 setup guide with images and reorganize docs

docs/hardware/01-light/chip.md

@@ -0,0 +1,7 @@
+For the 01 Light project, we've chosen the M5Atom, which features an ESP32 Pico chip. This compact and powerful microcontroller is ideal for our needs, offering built-in Wi-Fi and Bluetooth capabilities, a microphone, speaker, and button.
+
+<div style="display: flex; justify-content: center;">
+  <img src="../esp32/assets/m5atomecho.png" alt="M5Atom ESP32 Pico" width="60%" />
+</div>
+
+To set up the M5Atom for use with 01 Light, please follow the detailed instructions in our [ESP32 Setup Guide](../esp32/esp32-setup.md). This guide will walk you through the process of installing the necessary firmware and configuring your device.

docs/hardware/esp32/esp32-setup.md

@@ -21,7 +21,19 @@ To set up the ESP32 for use with 01, follow this guide to install the firmware:
   <img src="assets/pasted-client.png" alt="Pasted client.ino contents" width="60%" />
 </div>
 
-4. Go to Tools -> Board -> Boards Manager, search "esp32", then install the boards by Arduino and Espressif.
+4. Hardcode your WiFi SSID, WiFi password, and server URL into the code. 
+
+<div style="display: flex; justify-content: center;">
+  <img src="assets/hardcode-wifi-pass-server.png" alt="Hardcode WiFi SSID and password" width="60%" />
+</div>
+
+<div style="display: flex; justify-content: center;">
+  <div style="width: 80%;">
+    Hardcoding is recommended for a more streamlined setup and development environment. However, if you don't hardcode these values or if the ESP32 can't connect using the provided information, it will automatically default to a captive portal for configuration. 
+  </div>
+</div>
+
+5. Go to Tools -> Board -> Boards Manager, search "esp32", then install the boards by Arduino and Espressif.
 
 <div style="display: flex; justify-content: center;">
   <img src="assets/boards-manager.png" alt="Install ESP32 boards" width="60%" />
@@ -60,7 +72,7 @@ To set up the ESP32 for use with 01, follow this guide to install the firmware:
 6. To flash the .ino to the board, connect the board to the USB port.
 
 <div style="display: flex; justify-content: center;">
-  <img src="assets/connect-usb.jpeg" alt="Connect USB" width="60%" />
+  <img src="assets/connect_usb.jpeg" alt="Connect USB" width="60%" />
 </div>
 
 7. Select the port from the dropdown on the IDE, then select the M5Atom board (or M5Stack-ATOM if you have that).

docs/mint.json

@@ -55,18 +55,29 @@
         {
           "group": "01 Light",
           "pages": [
+            "hardware/01-light/introduction",
             "hardware/01-light/materials",
             "hardware/01-light/case",
             "hardware/01-light/assembly",
-            "hardware/01-light/esp32",
+            "hardware/01-light/chip",
             "hardware/01-light/connect"
           ]
         },
+        {
+          "group": "ESP32",
+          "pages": [
+            "hardware/esp32/esp32-setup"
+          ]
+        },
         "hardware/custom_hardware",
         "hardware/desktop",
         {
           "group": "Mobile",
-          "pages": ["hardware/mobile/ios", "hardware/mobile/android", "hardware/mobile/privacy"]
+          "pages": [
+            "hardware/mobile/ios",
+            "hardware/mobile/android",
+            "hardware/mobile/privacy"
+          ]
         }
       ]
     },