memory access out of bounds when processing large files with use_drop_zone

[gitmalong]

Hi!

I found my app becoming unresponsive when working with large files (e.g. 1GB).

let UseDropZoneReturn {
      is_over_drop_zone: _,
      files: _,
  } = use_drop_zone_with_options(
      drop_zone_el,
      UseDropZoneOptions::default().on_drop(move |event| {

          spawn_local(async move {
              for f in event.files.iter() {
                  let js_future = wasm_bindgen_futures::JsFuture::from(f.array_buffer());
                  let js_val = js_future.await.unwrap();
                  let arr = js_sys::Uint8Array::new(&js_val);
                  let data: Vec<u8> = arr.to_vec();

I wonder if files can also be processed via a stream to avoid loading all data into memory at once (if that is supported from browser side)?

Currently it looks like that the file's content is completely loaded into memory: https://github.com/Synphonyte/leptos-use/blob/main/src/use_drop_zone.rs#L92

Uncaught RuntimeError: memory access out of bounds
myapp-ui.js:1508 Uncaught Error: invalid malloc request

[maccesch]

That's a very interesting proposition. I'm not sure when I'll have time to work on this. So a PR would be very welcome.