fix(web): update dropzone to accept all file types, not just images

apps/web/src/components/common/dropzone.tsx

@@ -1,4 +1,4 @@
-import { FileImage, ImageUp, Upload } from "lucide-react";
+import { FileUp, Upload } from "lucide-react";
 import { type DragEvent, useCallback, useEffect, useState } from "react";
 import { useTranslation } from "@/contexts/i18n-context";
 import { useUrlImport } from "@/hooks/use-url-import";
@@ -226,7 +226,7 @@ export function Dropzone({
             isDragging ? "bg-primary/15" : "group-hover:bg-primary/12",
           )}
         >
-          <ImageUp
+          <FileUp
             className={cn(
               "transition-all duration-200",
               compact ? "h-8 w-8" : "h-10 w-10",

packages/shared/src/i18n/en.ts

@@ -3101,14 +3101,14 @@ export const en = {
   },
   dropzone: {
     unsupportedFileType: "This file type is not supported by this tool",
-    urlFetchFailed: "Could not fetch image from URL",
+    urlFetchFailed: "Could not fetch file from URL",
     ariaLabel: "File drop zone",
-    dropPrompt: "Drop your images here",
+    dropPrompt: "Drop your files here",
     browseOrPaste: "click anywhere to browse, or paste from clipboard",
     uploadButton: "Upload",
-    defaultFormats: "PNG, JPG, WebP, HEIC, RAW, PSD, and 65+ formats",
+    defaultFormats: "Images, Videos, Audio, PDFs, Documents, and 150+ formats",
     orSeparator: "or",
-    urlPlaceholder: "Paste image URL...",
+    urlPlaceholder: "Paste file URL...",
     urlLoadingIndicator: "...",
     addUrlButton: "Add",
     importMultipleUrls: "Import multiple URLs...",