feat: added browser reload and styling

web/templates/components/cart/add_to_cart.html

@@ -2,7 +2,12 @@
 <form action="" hx-post="{% url 'web:add_cart_item' %}" hx-swap="none">
   {% csrf_token %}
   <input type="hidden" name="product" value="{{ product.pk }}">
-  <input id="quantity" type="hidden" name="quantity" value="1">
+
+  <div class="flex">
+  <input class="bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg focus:ring-primary-600
+                focus:border-primary-600 block p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400
+                dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500 mr-4"
+         id="quantity" type="number" min="1" max="10" name="quantity" value="1">
   <button class="w-full flex justify-center rounded-lg bg-primary-700 px-5 py-2.5
                  text-sm font-medium text-white hover:bg-primary-800 focus:outline-none focus:ring-4
                  focus:ring-primary-300 dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800
@@ -11,4 +16,6 @@
     {% include 'components/icons/add_cart.svg' %}
     {% translate 'Añadir al carrito' %}
   </button>
+  </div>
+
 </form>