Styled book form and added an ux dropzone component.

assets/controllers.json

@@ -1,4 +1,14 @@
 {
-    "controllers": [],
+    "controllers": {
+        "@symfony/ux-dropzone": {
+            "dropzone": {
+                "enabled": true,
+                "fetch": "eager",
+                "autoimport": {
+                    "@symfony/ux-dropzone/src/style.css": true
+                }
+            }
+        }
+    },
     "entrypoints": []
 }

assets/controllers/mydropzone_controller.js

@@ -0,0 +1,36 @@
+// mydropzone_controller.js
+
+import { Controller } from '@hotwired/stimulus';
+
+export default class extends Controller {
+    connect() {
+        this.element.addEventListener('dropzone:connect', this._onConnect);
+        this.element.addEventListener('dropzone:change', this._onChange);
+        this.element.addEventListener('dropzone:clear', this._onClear);
+    }
+
+    disconnect() {
+        // You should always remove listeners when the controller is disconnected to avoid side-effects
+        this.element.removeEventListener('dropzone:connect', this._onConnect);
+        this.element.removeEventListener('dropzone:change', this._onChange);
+        this.element.removeEventListener('dropzone:clear', this._onClear);
+    }
+
+    _onConnect(event) {
+        // The dropzone was just created
+        console.info(event);
+        console.info('onconnect');
+    }
+
+    _onChange(event) {
+        // The dropzone just changed
+        console.info(event);
+        console.info('onchange');
+    }
+
+    _onClear(event) {
+        // The dropzone has just been cleared
+        console.info(event);
+        console.info('onclear');
+    }
+}