rotate + hover on start-page

src/routes/+page.svelte

@@ -9,6 +9,7 @@
 		Scissors,
 		Merge,
 		Stamp,
+		RotateCw,
 		FileText
 	} from '@lucide/svelte';
 	import { goto } from '$app/navigation';
@@ -25,11 +26,10 @@
 		minimize: Minimize2,
 		scissors: Scissors,
 		merge: Merge,
-		stamp: Stamp
+		stamp: Stamp,
+		'rotate-cw': RotateCw
 	};
 
-	let isDraggingFiles = $state(false);
-
 	const isZipFile = (file: File) =>
 		file.name.toLowerCase().endsWith('.zip') ||
 		file.type === 'application/zip' ||
@@ -46,17 +46,11 @@
 	const handleWindowDragOver = (event: DragEvent) => {
 		if (!event.dataTransfer?.types.includes('Files')) return;
 		event.preventDefault();
-		isDraggingFiles = true;
-	};
-
-	const handleWindowDragLeave = (event: DragEvent) => {
-		if (event.relatedTarget === null) isDraggingFiles = false;
 	};
 
 	const handleWindowDrop = (event: DragEvent) => {
 		if (!event.dataTransfer?.files.length) return;
 		event.preventDefault();
-		isDraggingFiles = false;
 		openBeaFiles(Array.from(event.dataTransfer.files));
 	};
 </script>
@@ -65,24 +59,7 @@
 	<title>beA-Edit — Werkzeugkasten für das besondere elektronische Anwaltspostfach</title>
 </svelte:head>
 
-<svelte:window
-	ondragover={handleWindowDragOver}
-	ondragleave={handleWindowDragLeave}
-	ondrop={handleWindowDrop}
-/>
-
-{#if isDraggingFiles}
-	<div
-		class="pointer-events-none fixed inset-3 z-50 grid place-items-center rounded-3xl border-4 border-dashed border-primary bg-background/95 text-center shadow-2xl"
-		aria-hidden="true"
-	>
-		<div class="px-4">
-			<Archive class="mx-auto h-12 w-12" />
-			<p class="mt-4 text-xl font-bold">beA-ZIP hier ablegen</p>
-			<p class="mt-1 text-sm">Archiv aus dem besonderen elektronischen Anwaltspostfach</p>
-		</div>
-	</div>
-{/if}
+<svelte:window ondragover={handleWindowDragOver} ondrop={handleWindowDrop} />
 
 <div class="flex flex-col gap-10 px-4 py-10">
 	<!-- Hero -->