feat: Implement visual drag and drop zone

src/components/upload/UppyPhotoUpload.tsx

@@ -388,19 +388,20 @@ export function UppyPhotoUpload({
   const renderContent = () => {
     if (enableDragDrop && !children) {
       return (
-        <DragDropZone
-          onFilesAdded={handleDragDropFiles}
-          maxFiles={maxFiles}
-          maxSizeMB={maxSizeMB}
-          allowedFileTypes={allowedFileTypes}
-          disabled={disabled}
-          className="min-h-[200px]"
-        >
-          <div className="space-y-4">
-            {renderUploadTrigger()}
-            {renderPreview()}
-          </div>
-        </DragDropZone>
+        <div className="space-y-4">
+          <DragDropZone
+            onFilesAdded={(files) => {
+              handleDragDropFiles(files);
+              handleOpenModal();
+            }}
+            maxFiles={maxFiles}
+            maxSizeMB={maxSizeMB}
+            allowedFileTypes={allowedFileTypes}
+            disabled={disabled}
+            className="min-h-[200px]"
+          />
+          {renderPreview()}
+        </div>
       );
     }