fix: remove large console logs

src/components/image/ImageCropper.svelte

@@ -31,7 +31,7 @@
   });
 
   function initializeCropper() {
-    console.log("initializeCropper called, imageElement:", !!imageElement, "CropperJS:", !!CropperJS);
+    // Remove verbose debug logging
     if (!imageElement || !CropperJS) {
       return;
     }
@@ -49,10 +49,7 @@
       errorMessage = undefined;
       setLoading(true);
 
-      console.log("Calling getCropperCanvas");
       const cropperCanvasElement = cropper.getCropperCanvas();
-      console.log("CropperCanvas result:", cropperCanvasElement);
-      console.log("CropperCanvas type:", typeof cropperCanvasElement);
 
       if (!cropperCanvasElement) {
         throw new Error("Не удалось получить обрезанное изображение");

src/components/panel/PanelPreview.svelte

@@ -18,27 +18,20 @@
   }
 
   $effect(() => {
-    console.log(
-      "[PanelPreview] Effect triggered. Panel background:",
-      panel?.backgroundImage,
-      "Current image src:",
-      backgroundImage?.src,
-    );
     if (panel?.backgroundImage && panel.backgroundImage !== backgroundImage?.src) {
-      console.log("[PanelPreview] Loading new background image:", panel.backgroundImage);
       loadImage(panel.backgroundImage);
     }
   });
 
   function loadImage(src: string) {
-    console.log("[PanelPreview] Starting to load image:", src);
+    // Remove verbose logging - image data is too large for console
+    console.log("[PanelPreview] Loading background image");
     const img = document.createElement("img");
     img.onload = () => {
-      console.log("[PanelPreview] Image loaded successfully:", src);
       backgroundImage = img;
     };
     img.onerror = (error) => {
-      console.error("[PanelPreview] Failed to load image:", src, error);
+      console.error("[PanelPreview] Failed to load background image");
     };
     img.src = src;
   }