rearrange item buttons for consistency

On the search panel, not all items have the remove button, and it's confusing to have the other buttons be in inconsistent positions!

Move the Remove button to the left side of the list, so that everything else is positioned the same regardless

src/app/WardrobePage/Item.js

@@ -109,6 +109,16 @@ function Item({
           </Wrap>
         </Box>
         <Box flex="0 0 auto">
+          {isInOutfit && (
+            <ItemActionButton
+              icon={<DeleteIcon />}
+              label="Remove"
+              onClick={(e) => {
+                dispatchToOutfit({ type: "removeItem", itemId: item.id });
+                e.preventDefault();
+              }}
+            />
+          )}
           <SupportOnly>
             <ItemActionButton
               icon={<EditIcon />}
@@ -127,16 +137,6 @@ function Item({
             }-${item.name.replace(/ /g, "-")}`}
             onClick={(e) => e.stopPropagation()}
           />
-          {isInOutfit && (
-            <ItemActionButton
-              icon={<DeleteIcon />}
-              label="Remove"
-              onClick={(e) => {
-                dispatchToOutfit({ type: "removeItem", itemId: item.id });
-                e.preventDefault();
-              }}
-            />
-          )}
         </Box>
       </ItemContainer>
       <SupportOnly>