Adjust Dropzone tests, templates, and controller to align with updated UI logic for preview visibility and structure.

# Conflicts:
#	src/Dropzone/assets/test/unit/controller.test.ts
#	src/Dropzone/templates/form_theme.html.twig

Author: Carlos Hernández

src/Dropzone/assets/test/unit/controller.test.ts

@@ -104,8 +104,8 @@ describe('DropzoneController', () => {
 
         button.click();
 
-        await waitFor(() => expect(getByTestId(container, 'input')).toHaveStyle({ display: 'block' }));
-        await waitFor(() => expect(getByTestId(container, 'placeholder')).toHaveStyle({ display: 'block' }));
+        await waitFor(() => expect(getByTestId(container, 'input')).toHaveStyle({ display: 'none' }));
+        await waitFor(() => expect(getByTestId(container, 'placeholder')).toHaveStyle({ display: 'none' }));
         await waitFor(() => expect(getByTestId(container, 'preview')).toHaveStyle({ display: 'block' }));
 
         // The event should have been dispatched

src/Dropzone/templates/form_theme.html.twig

@@ -10,7 +10,6 @@
                 {{- translation_domain is same as(false) ? attr.placeholder : attr.placeholder|trans({}, translation_domain) -}}
             {%- endif -%}
         </div>
-
         <div class="dropzone-preview-container" data-symfony--ux-dropzone--dropzone-target="previewContainer">
             <div class="dropzone-preview" data-symfony--ux-dropzone--dropzone-target="preview" style="display: none">
                 <div class="dropzone-preview-image" style="display: none"
@@ -20,8 +19,9 @@
                         data-symfony--ux-dropzone--dropzone-target="previewClearButton"
                         data-symfony--ux-dropzone--dropzone-filename-param="0"
                         data-action="symfony--ux-dropzone--dropzone#clear"
-                 ></button>
+                ></button>
             </div>
         </div>
+
     </div>
 {%- endblock %}