feat(#12): Moved the location of delete button

src/components/ListItem.jsx

@@ -61,11 +61,10 @@ export function ListItem({
 			}
 		}
 	};
-
-
+
 	// handleDelete Function
 	const handleDelete = async () => {
-	const deleteConfirm = window.confirm(
+		const deleteConfirm = window.confirm(
 			`Are you sure you want to delete ${name}?`,
 		);
 
@@ -84,11 +83,7 @@ export function ListItem({
 	return (
 		<>
 			<tr className="ListItem">
-				<td>{name}
-	        <button onClick={handleDelete} aria-label={`Delete ${name}`}>
-					Delete
-				</button>
-         </td>
+				<td>{name}</td>
 
 				<td>
 					<Toggle
@@ -102,9 +97,11 @@ export function ListItem({
 				<td>
 					{dateLastPurchased ? dateLastPurchased.toDate().toLocaleString() : ''}
 				</td>
-				<td className={urgencyClass}>{sortCriteria.tag}</td>
+				<td className={urgencyClass}>{sortCriteria.tag} </td>
+				<button onClick={handleDelete} aria-label={`Delete ${name}`}>
+					Delete
+				</button>
 			</tr>
-
 		</>
 	);
 }