Move dropzone to queue window

src/lib/components/ComfyApp.svelte

@@ -240,7 +240,7 @@
             </Pane>
             <Pane bind:size={queueSidebarSize}>
                 <div class="sidebar-wrapper pane-wrapper">
-                    <ComfyQueue />
+                    <ComfyQueue {app} />
                 </div>
             </Pane>
         </Splitpanes>

src/lib/components/ComfyQueue.svelte

@@ -11,7 +11,10 @@
  import { Button } from "@gradio/button";
  import type ComfyApp from "./ComfyApp";
  import { tick } from "svelte";
-	import Modal from "./Modal.svelte";
+ import Modal from "./Modal.svelte";
+ import DropZone from "./DropZone.svelte";
+
+ export let app: ComfyApp;
 
  let queuePending: Writable<QueueEntry[]> | null = null;
  let queueRunning: Writable<QueueEntry[]> | null = null;
@@ -197,6 +200,7 @@
 </Modal>
 
 <div class="queue">
+    <DropZone {app} />
     <div class="queue-entries {mode}-mode" bind:this={queueList}>
         {#if _entries.length > 0}
             {#each _entries as entry}

src/lib/components/ComfyUIPane.svelte

@@ -9,7 +9,6 @@
  import layoutState, { type ContainerLayout, type DragItem, type IDragItem } from "$lib/stores/layoutState";
  import uiState from "$lib/stores/uiState";
  import selectionState from "$lib/stores/selectionState";
- import DropZone from "./DropZone.svelte";
 
  import Menu from './menu/Menu.svelte';
  import MenuOption from './menu/MenuOption.svelte';
@@ -151,7 +150,6 @@
 </script>
 
 <div id="comfy-ui-panes" on:contextmenu={onRightClick}>
-    <DropZone {app} />
     <WidgetContainer bind:dragItem={root} classes={["root-container"]} />
 </div>
 

src/lib/components/DropZone.svelte

@@ -50,7 +50,7 @@
  }
 </script>
 
-<!-- <svelte:window on:dragenter={showDropZone} /> -->
+<svelte:window on:dragenter={showDropZone} />
 
 {#if !disabled}
     <div id="dropzone"
@@ -66,7 +66,7 @@
  .dropzone {
      box-sizing: border-box;
      display: none;
-     position: fixed;
+     position: absolute;
      width: 100%;
      height: 100%;
      left: 0;