fix: resolve typescript types errors

src/components/ImageUpload.svelte

@@ -25,7 +25,7 @@
   let uploadedImage = $state<string | undefined>(undefined);
   let errorMessage = $state<string | undefined>(undefined);
 
-  const uiError = $derived($uiStore.error?.error);
+  const uiError = $derived($uiStore.error);
 
   onMount(() => {
     setupPasteHandler();
@@ -40,14 +40,14 @@
   function setupDragAndDrop() {
     if (!dropZone) return;
 
-    dropZone.addEventListener("dragover", handleDragOver);
-    dropZone.addEventListener("dragleave", handleDragLeave);
-    dropZone.addEventListener("drop", handleDrop);
+    dropZone!.addEventListener("dragover", handleDragOver);
+    dropZone!.addEventListener("dragleave", handleDragLeave);
+    dropZone!.addEventListener("drop", handleDrop);
 
     return () => {
-      dropZone.removeEventListener("dragover", handleDragOver);
-      dropZone.removeEventListener("dragleave", handleDragLeave);
-      dropZone.removeEventListener("drop", handleDrop);
+      dropZone!.removeEventListener("dragover", handleDragOver);
+      dropZone!.removeEventListener("dragleave", handleDragLeave);
+      dropZone!.removeEventListener("drop", handleDrop);
     };
   }
 
@@ -119,7 +119,7 @@
   async function handleUrlSubmit(e: Event) {
     e.preventDefault();
 
-    if (!urlInput.value.trim()) return;
+    if (!urlInput?.value.trim()) return;
 
     try {
       setLoading(true);
@@ -230,12 +230,11 @@
       accept="image/jpeg,image/jpg,image/png,image/webp,image/gif"
       style="display: none;"
       onchange={(e) => {
-        const file = e.target.files?.[0];
+        const file = (e.target as HTMLInputElement).files?.[0];
         if (file) handleFileUpload(file);
       }}
     />
   {/if}
-
   {#if errorMessage}
     <div class="error-message">
       <strong>Ошибка:</strong>

src/components/PanelList.svelte

@@ -92,10 +92,9 @@
   {:else}
     <div class="panels-grid">
       {#each panels as panel (panel.id)}
-        <div
+        <button
           class="panel-card {selectedPanelId === panel.id ? 'selected' : ''}"
           onclick={() => handlePanelSelect(panel)}
-          role="button"
           tabindex="0"
         >
           <div class="panel-preview">
@@ -125,7 +124,7 @@
               </IconButton>
             </div>
           </div>
-        </div>
+        </button>
       {/each}
     </div>
   {/if}

src/components/PanelPreview.svelte

@@ -60,7 +60,7 @@
 <div class="panel-preview">
   <div class="preview-header">
     <div class="panel-title">{panel.texts[0]?.text || "Без названия"}</div>
-    <Button variant="primary" size="sm" onclick={onDownload}>Скачать</Button>
+    <Button variant="primary" size="sm" onclick={handleDownload}>Скачать</Button>
   </div>
   <div class="preview-sections">
     <!-- Превью с текстом -->

src/components/TextManager.svelte

@@ -18,7 +18,7 @@
     fontSize: 18,
     fontFamily: "Arial",
     color: "#ffffff",
-    textAlign: "left" | "center" | "right",
+    textAlign: "left",
     paddingX: 10,
     verticalOffset: 0,
   });
@@ -104,7 +104,7 @@
             <input
               type="text"
               value={textItem.text}
-              oninput={(e) => handleUpdateText(textItem.id, e.target.value)}
+              oninput={(e) => handleUpdateText(textItem.id, e.currentTarget.value)}
               class="text-edit-input"
               maxlength="100"
             />
@@ -132,8 +132,8 @@
             max="72"
             step="1"
             value={commonTextSettings.fontSize}
-            oninput={(e) => {
-              commonTextSettings.fontSize = parseInt(e.target.value);
+            oninput={(e: Event) => {
+              commonTextSettings.fontSize = parseInt((e.target as HTMLInputElement).value);
             }}
           />
           <span class="value-display">{commonTextSettings.fontSize}px</span>
@@ -146,7 +146,7 @@
           <select
             value={commonTextSettings.fontFamily}
             onchange={(e) => {
-              commonTextSettings.fontFamily = e.target.value;
+              commonTextSettings.fontFamily = (e.target as HTMLSelectElement).value;
             }}
           >
             {#each availableFonts as font}
@@ -163,7 +163,7 @@
             type="color"
             value={commonTextSettings.color}
             oninput={(e) => {
-              commonTextSettings.color = e.target.value;
+              commonTextSettings.color = (e.target as HTMLInputElement).value;
             }}
           />
         </label>
@@ -214,7 +214,7 @@
             step="1"
             value={commonTextSettings.paddingX}
             oninput={(e) => {
-              commonTextSettings.paddingX = parseInt(e.target.value);
+              commonTextSettings.paddingX = parseInt((e.target as HTMLInputElement).value);
             }}
           />
           <span class="value-display">{commonTextSettings.paddingX}px</span>
@@ -231,7 +231,7 @@
             step="1"
             value={commonTextSettings.verticalOffset}
             oninput={(e) => {
-              commonTextSettings.verticalOffset = parseInt(e.target.value);
+              commonTextSettings.verticalOffset = parseInt((e.target as HTMLInputElement).value);
             }}
           />
           <span class="value-display"