fix(ui): remove clearData call in dropzone drop handler (#10475)

### What?
This PR fixes an issue for Firefox users where dropping files over a
dropzone component caused a
`NoModificationAllowedError: Modifications are not allowed for this
document` error due to the usage of the `dataTransfer.clearData`
function.

As [per
MDN](https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/clearData)
docs, the `clearData` function does not remove files from drag
operations anyway, and can only be used in the context of a `dragStart`
event.

### Why?
To prevent a runtime error encountered while dropping files over
dropzones.

### How?
By wrapping a try/catch around the `clearData` call in the `handleDrop`
of the `Dropzone` component.

Fixes #10472

---------

Co-authored-by: Jessica Chowdhury <jessica@trbl.design>

Author: akhrarovsaid

packages/ui/src/elements/Dropzone/index.tsx

@@ -77,7 +77,12 @@ export function Dropzone({
         addFiles(e.dataTransfer.files)
         setDragging(false)
 
-        e.dataTransfer.clearData()
+        try {
+          e.dataTransfer.clearData()
+        } catch {
+          // Firefox throws NoModificationAllowedError when calling clearData() on a protected DataTransfer during drop events
+          // https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/clearData#exceptions
+        }
       }
     },
     [addFiles],