Fix the app's Dockerfile and comment it (#2162)

* chore: fix the app's Dockerfile and comment it

* chore: test docker-compose on CI

frontend/scripts/docker-buildfiles/docker-compose.yml

@@ -1,23 +1,27 @@
 version: "3"
 
+# NOTE: Docker should be allowed to connect to the X server in your host prior
+# to running `docker compose up`. Run `xhost local:docker` in the host to allow
+# for those connections, otherwise the following error will occur:
+#         Gtk-WARNING **: cannot open display: :0
+# See https://stackoverflow.com/a/34586732/8401696 for more context.
+
 services:
   app:
-    build: .
+    build:
+      context: ../../..
+      dockerfile: ./frontend/scripts/docker-buildfiles/Dockerfile
     image: appflowy/appflowy:latest
     stdin_open: true
     # tty: true
     devices:
-      - "/dev/dri:/dev/dri" # fixes MESA-LOADER error
+      - /dev/dri:/dev/dri # fixes MESA-LOADER error
     environment:
-      - DISPLAY=${DISPLAY}
+      - DISPLAY=$DISPLAY
       - NO_AT_BRIDGE=1 # fixes dbind-WARNING
     volumes:
       - $HOME/.Xauthority:/root/.Xauthority:rw
       - /tmp/.X11-unix:/tmp/.X11-unix
       - /dev/dri:/dev/dri
       - /var/run/dbus/system_bus_socket:/var/run/dbus/system_bus_socket
-      - appflowy-data:/home/makepkg
     network_mode: host
-
-volumes:
-  appflowy-data: