feat: add ultracite (#452)

* Init ultracite

* Update scripts and biome.jsonc

* Update biome.jsonc

* Update biome.jsonc

* Update biome.jsonc

* Run format

1 files changed, 85 insertions, 85 deletions

diff --git a/apps/web/src/hooks/use-drag-drop.ts b/apps/web/src/hooks/use-drag-drop.ts
index eaab89d8..0b1d4008 100644
--- a/apps/web/src/hooks/use-drag-drop.ts
+++ b/apps/web/src/hooks/use-drag-drop.ts
@@ -1,85 +1,85 @@
-import { useState, useRef } from "react";

-

-interface UseDragDropOptions {

-  onDrop?: (files: FileList) => void;

-}

-

-// Helper function to check if drag contains files from external sources (not internal app drags)

-const containsFiles = (dataTransfer: DataTransfer): boolean => {

-  // Check if this is an internal app drag (media item)

-  if (dataTransfer.types.includes("application/x-media-item")) {

-    return false;

-  }

-

-  // Only show overlay for external file drags

-  return dataTransfer.types.includes("Files");

-};

-

-export function useDragDrop(options: UseDragDropOptions = {}) {

-  const [isDragOver, setIsDragOver] = useState(false);

-  const dragCounterRef = useRef(0);

-

-  const handleDragEnter = (e: React.DragEvent) => {

-    e.preventDefault();

-

-    // Only handle external file drags, not internal app element drags

-    if (!containsFiles(e.dataTransfer)) {

-      return;

-    }

-

-    dragCounterRef.current += 1;

-    if (!isDragOver) {

-      setIsDragOver(true);

-    }

-  };

-

-  const handleDragOver = (e: React.DragEvent) => {

-    e.preventDefault();

-

-    // Only handle file drags

-    if (!containsFiles(e.dataTransfer)) {

-      return;

-    }

-  };

-

-  const handleDragLeave = (e: React.DragEvent) => {

-    e.preventDefault();

-

-    // Only handle file drags

-    if (!containsFiles(e.dataTransfer)) {

-      return;

-    }

-

-    dragCounterRef.current -= 1;

-    if (dragCounterRef.current === 0) {

-      setIsDragOver(false);

-    }

-  };

-

-  const handleDrop = (e: React.DragEvent) => {

-    e.preventDefault();

-    setIsDragOver(false);

-    dragCounterRef.current = 0;

-

-    // Only handle file drops

-    if (

-      options.onDrop &&

-      e.dataTransfer.files &&

-      containsFiles(e.dataTransfer)

-    ) {

-      options.onDrop(e.dataTransfer.files);

-    }

-  };

-

-  const dragProps = {

-    onDragEnter: handleDragEnter,

-    onDragOver: handleDragOver,

-    onDragLeave: handleDragLeave,

-    onDrop: handleDrop,

-  };

-

-  return {

-    isDragOver,

-    dragProps,

-  };

-}

+import { useState, useRef } from "react";
+
+interface UseDragDropOptions {
+  onDrop?: (files: FileList) => void;
+}
+
+// Helper function to check if drag contains files from external sources (not internal app drags)
+const containsFiles = (dataTransfer: DataTransfer): boolean => {
+  // Check if this is an internal app drag (media item)
+  if (dataTransfer.types.includes("application/x-media-item")) {
+    return false;
+  }
+
+  // Only show overlay for external file drags
+  return dataTransfer.types.includes("Files");
+};
+
+export function useDragDrop(options: UseDragDropOptions = {}) {
+  const [isDragOver, setIsDragOver] = useState(false);
+  const dragCounterRef = useRef(0);
+
+  const handleDragEnter = (e: React.DragEvent) => {
+    e.preventDefault();
+
+    // Only handle external file drags, not internal app element drags
+    if (!containsFiles(e.dataTransfer)) {
+      return;
+    }
+
+    dragCounterRef.current += 1;
+    if (!isDragOver) {
+      setIsDragOver(true);
+    }
+  };
+
+  const handleDragOver = (e: React.DragEvent) => {
+    e.preventDefault();
+
+    // Only handle file drags
+    if (!containsFiles(e.dataTransfer)) {
+      return;
+    }
+  };
+
+  const handleDragLeave = (e: React.DragEvent) => {
+    e.preventDefault();
+
+    // Only handle file drags
+    if (!containsFiles(e.dataTransfer)) {
+      return;
+    }
+
+    dragCounterRef.current -= 1;
+    if (dragCounterRef.current === 0) {
+      setIsDragOver(false);
+    }
+  };
+
+  const handleDrop = (e: React.DragEvent) => {
+    e.preventDefault();
+    setIsDragOver(false);
+    dragCounterRef.current = 0;
+
+    // Only handle file drops
+    if (
+      options.onDrop &&
+      e.dataTransfer.files &&
+      containsFiles(e.dataTransfer)
+    ) {
+      options.onDrop(e.dataTransfer.files);
+    }
+  };
+
+  const dragProps = {
+    onDragEnter: handleDragEnter,
+    onDragOver: handleDragOver,
+    onDragLeave: handleDragLeave,
+    onDrop: handleDrop,
+  };
+
+  return {
+    isDragOver,
+    dragProps,
+  };
+}