include rank in wishlist, moving items up/down happens during animation instead of after

views/wishlist.pug

@@ -17,6 +17,7 @@ block content
     .box
       table.table.has-mobile-cards
         thead
+          th #
           th(style='width: 15%;') Image
           th(style='width: 25%;') Name
           th(style='width: 50%;') Note
@@ -34,6 +35,7 @@ block content
           each item, index in wishlist
             if req.user._id === item.addedBy || req.params.user !== req.user._id
               tr(id=item.id)
+                td.rank= index + 1
                 td
                   figure(style='width: 100%; margin: 0;')
                     img(src=item.image, style='width: 100%; max-height: 20em; object-fit: contain;')