feat: Wishlist from card actions

- Add remove items from wishlist
- Wishlist icon at nav bar
- Animate wishlist icon in card and navbar
- Remember wished state after refresh as well
diff --git a/erpnext/templates/includes/macros.html b/erpnext/templates/includes/macros.html
index 818316c..743daaf 100644
--- a/erpnext/templates/includes/macros.html
+++ b/erpnext/templates/includes/macros.html
@@ -127,12 +127,11 @@
 			<span class="indicator {{ item.in_stock }} card-indicator"></span>
 		{% endif %}
 		{% if not item.has_variants %}
-			<input class="level-item list-row-checkbox hidden-xs"
-				type="checkbox" data-name="{{ title }}" style="display: none !important;">
 			<div class="like-action"
-				data-name="{{ title }}" data-doctype="Item">
+				data-item-code="{{ item.item_code }}" data-price="{{ item.price }}">
 				<svg class="icon sm">
-					<use class="wish-icon" href="#icon-heart"></use>
+					{%- set icon_class = "wished" if item.wished else "not-wished"-%}
+					<use class="{{ icon_class }} wish-icon" href="#icon-heart"></use>
 				</svg>
 			</div>
 		{% endif %}
diff --git a/erpnext/templates/includes/navbar/navbar_items.html b/erpnext/templates/includes/navbar/navbar_items.html
index 2912206..54ed98a 100644
--- a/erpnext/templates/includes/navbar/navbar_items.html
+++ b/erpnext/templates/includes/navbar/navbar_items.html
@@ -6,7 +6,15 @@
 			<svg class="icon icon-lg">
 				<use href="#icon-assets"></use>
 			</svg>
-			<span class="badge badge-primary cart-badge" id="cart-count"></span>
+			<span class="badge badge-primary shopping-badge" id="cart-count"></span>
+		</a>
+	</li>
+	<li class="wishlist wishlist-icon hidden">
+		<a class="nav-link" href="/cart">
+			<svg class="icon icon-lg">
+				<use href="#icon-heart"></use>
+			</svg>
+			<span class="badge badge-primary shopping-badge" id="wish-count"></span>
 		</a>
 	 </li>
 {% endblock %}