FIX: remove the las item on endcommand

src/lib/component/EndCommand.svelte

@@ -125,11 +125,11 @@
 		await fetchOrderItems();
 	}
 
-	async function removeItemFromOrder(tableId, itemId) {
+	async function removeItemFromOrder(tableId, itemId, index) {
 		const myHeaders = new Headers();
 		myHeaders.append('Authorization', `Bearer ${token}`);
 		myHeaders.append('Content-Type', 'application/json');
-		await fetch('https://dev2.mixtech.dev.br/order_item/delete', {
+		const response = await fetch('https://dev2.mixtech.dev.br/order_item/delete', {
 			method: 'POST',
 			headers: myHeaders,
 			body: JSON.stringify({
@@ -137,6 +137,10 @@
 				order_item_id: itemId
 			})
 		});
+		if (response) {
+			orderItems.splice(index, 1);
+			orderItems = [...orderItems];
+		}
 		await fetchOrderItems();
 	}
 
@@ -265,7 +269,7 @@
 							</div>
 							<div class="flex items-center space-x-2">
 								<button
-									on:click={() => removeItemFromOrder(tableIdNum, item.order_item_id)}
+									on:click={() => removeItemFromOrder(tableIdNum, item.order_item_id, index)}
 									class="ml-2 rounded bg-red-700 p-1 hover:bg-red-600"
 								>
 									<img src={trash_icon} class="h-4 w-4" alt="Remover" />