feat: tune webapp visual

bot/app/web/frontend/src/lib/components/ui/dialog.svelte

@@ -6,6 +6,7 @@
   export let open = false;
   export let title = "";
   export let description = "";
+  export let closeLabel = "Close";
   export let onclose = () => {};
   let className = "";
   export { className as class };
@@ -13,14 +14,14 @@
 
 {#if open}
   <div class="dialog" role="dialog" aria-modal="true" aria-label={title}>
-    <button class="dialog-backdrop" type="button" aria-label="Закрыть" on:click={onclose}></button>
+    <button class="dialog-backdrop" type="button" aria-label={closeLabel} on:click={onclose}></button>
     <section class={cn("dialog-card", className)}>
       <div class="dialog-head">
         <div>
           {#if title}<h2>{title}</h2>{/if}
           {#if description}<p>{description}</p>{/if}
         </div>
-        <Button variant="icon" size="icon" onclick={onclose} aria-label="Закрыть">
+        <Button variant="icon" size="icon" onclick={onclose} aria-label={closeLabel}>
           <X size={18} />
         </Button>
       </div>

bot/app/web/frontend/src/lib/components/ui/input.svelte

@@ -15,10 +15,15 @@
 <input
   bind:value
   class={cn("input", className)}
+  on:keydown
+  on:input
+  on:focus
+  on:blur
   {type}
   {placeholder}
   {inputmode}
   {maxlength}
   {autocomplete}
   {disabled}
+  {...$$restProps}
 />