fix: add HEIC/HEIF extensions to file input accept attributes across tools

apps/web/src/components/files/file-upload-area.tsx

@@ -57,7 +57,7 @@ export function FileUploadArea() {
         </div>
         <input
           type="file"
-          accept="image/*"
+          accept="image/*,.heic,.heif,.hif"
           multiple
           className="hidden"
           onChange={handleInputChange}

apps/web/src/components/tools/compare-settings.tsx

@@ -58,7 +58,7 @@ export function CompareSettings() {
           id="compare-second-image"
           ref={secondInputRef}
           type="file"
-          accept="image/*"
+          accept="image/*,.heic,.heif,.hif"
           onChange={(e) => setSecondFile(e.target.files?.[0] ?? null)}
           className="hidden"
         />

apps/web/src/components/tools/compose-settings.tsx

@@ -65,7 +65,7 @@ export function ComposeSettings() {
           id="compose-overlay-image"
           ref={overlayInputRef}
           type="file"
-          accept="image/*"
+          accept="image/*,.heic,.heif,.hif"
           onChange={(e) => setOverlayFile(e.target.files?.[0] ?? null)}
           className="hidden"
         />

apps/web/src/components/tools/qr-generate-settings.tsx

@@ -671,7 +671,7 @@ export function QrGenerateSettings() {
           <input
             ref={logoInputRef}
             type="file"
-            accept="image/*"
+            accept="image/*,.heic,.heif,.hif"
             onChange={handleLogoUpload}
             className="hidden"
           />

apps/web/src/components/tools/watermark-image-settings.tsx

@@ -110,7 +110,7 @@ export function WatermarkImageSettings() {
         <input
           ref={watermarkInputRef}
           type="file"
-          accept="image/*"
+          accept="image/*,.heic,.heif,.hif"
           onChange={(e) => setWatermarkFile(e.target.files?.[0] ?? null)}
           className="hidden"
         />