Fix smaller issues

project.inlang/messages/de.json

@@ -182,7 +182,7 @@
 		"openMenu": "Menü öffnen",
 		"inputCroppedImageBlob": {
 			"trigger": "Bild hochladen",
-			"description": "Unterstützte Formate sind JPG, PNG, WEBP",
+			"description": "Unterstützte Formate sind JPG, PNG, GIF, WEBP",
 			"remove": "Bild entfernen",
 			"crop": {
 				"title": "Bild zuschneiden",

project.inlang/messages/en.json

@@ -190,7 +190,7 @@
 		"openMenu": "Open menu",
 		"inputCroppedImageBlob": {
 			"trigger": "Upload Image",
-			"description": "Supported formats are JPG, PNG and WEBP",
+			"description": "Supported formats are JPG, PNG, GIF and WEBP",
 			"remove": "Remove Image",
 			"crop": {
 				"title": "Crop Image",

src/lib/components/templates/list/list-item.svelte

@@ -45,12 +45,12 @@
         <img
           src={image}
           alt={title}
-          class="h-10 w-10 rounded-md object-cover object-center"
+          class="size-10 rounded-md border object-cover object-center"
           loading="lazy"
         />
       {:else if typeof image === "function"}
         {@const Fallback = image as Component}
-        <Fallback class="bg-muted text-muted-foreground size-8 rounded-sm border stroke-1 p-1" />
+        <Fallback class="bg-muted text-muted-foreground size-10 rounded-sm border stroke-1 p-1" />
       {/if}
     {/if}
     <div></div>

src/lib/components/ui/input-cropped-image-blob/input-cropped-image-blob.svelte

@@ -240,7 +240,7 @@
   <input
     bind:this={fileInput}
     type="file"
-    accept="image/jpeg, image/png, image/webp"
+    accept="image/jpeg, image/png, image/gif, image/webp"
     class="hidden"
     onchange={handleFileSelect}
   />
@@ -250,7 +250,7 @@
     {#if value}
       <Button
         size="xs"
-        class="absolute top-1 right-1 rounded-sm !px-1 py-1"
+        class="absolute top-1 right-1 cursor-pointer rounded-sm !px-1 py-1"
         onclick={() => (value = null)}
       >
         <Trash />

src/routes/(pages)/dashboard/agents/(components)/edit-agent-form/edit-agent-form.svelte

@@ -14,7 +14,12 @@
   let { entity, done }: { entity: TAgent; done: () => void } = $props();
 
   const form = superForm(
-    { id: entity.id, name: entity.name, description: entity.description, image: entity.image },
+    {
+      id: entity.id,
+      name: entity.name,
+      description: entity.description,
+      image: entity.image ?? "",
+    },
     {
       validators: zodClient(formSchema),
       onResult: async (event) => {
@@ -59,7 +64,7 @@
     <Form.Control>
       {#snippet children({ props })}
         <Form.Label>{m["agents.add.fields.image.title"]()}</Form.Label>
-        <InputCroppedImageBlob {...props} FallbackIcon={ItemIcon} />
+        <InputCroppedImageBlob {...props} bind:value={$formData.image} FallbackIcon={ItemIcon} />
       {/snippet}
     </Form.Control>
     <Form.FieldErrors />