fix(ui): swap delete confirmation buttons for better UX (#1546) (#1547)

Co-authored-by: Aditya Medhane <[email protected]>
Co-authored-by: Nathan Sarrazin <[email protected]>

src/lib/components/NavConversationItem.svelte

@@ -52,6 +52,14 @@
 	</div>
 
 	{#if confirmDelete}
+		<button
+			type="button"
+			class="flex h-5 w-5 items-center justify-center rounded md:hidden md:group-hover:flex"
+			title="Cancel delete action"
+			on:click|preventDefault={() => (confirmDelete = false)}
+		>
+			<CarbonClose class="text-xs text-gray-400 hover:text-gray-500 dark:hover:text-gray-300" />
+		</button>
 		<button
 			type="button"
 			class="flex h-5 w-5 items-center justify-center rounded md:hidden md:group-hover:flex"
@@ -63,14 +71,6 @@
 		>
 			<CarbonCheckmark class="text-xs text-gray-400 hover:text-gray-500 dark:hover:text-gray-300" />
 		</button>
-		<button
-			type="button"
-			class="flex h-5 w-5 items-center justify-center rounded md:hidden md:group-hover:flex"
-			title="Cancel delete action"
-			on:click|preventDefault={() => (confirmDelete = false)}
-		>
-			<CarbonClose class="text-xs text-gray-400 hover:text-gray-500 dark:hover:text-gray-300" />
-		</button>
 	{:else}
 		<button
 			type="button"