fix: add colons to email and success page labels

Also fix duplicate 'Producte' label in client email (was showing
product name in the price base row).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/app/success/page.tsx

@@ -124,12 +124,12 @@ function SuccessContent() {
               {/* Order details */}
               <div className="p-5 space-y-3">
                 <div className="flex justify-between text-sm">
-                  <span className="text-slate-500">Producte</span>
+                  <span className="text-slate-500">Producte:</span>
                   <span className="text-white font-semibold">{PRODUCT_NAMES[order.product] ?? order.product}</span>
                 </div>
                 {(order.sizeTshirt || order.sizeSocks) && (
                   <div className="flex justify-between text-sm">
-                    <span className="text-slate-500">Talles</span>
+                    <span className="text-slate-500">Talles:</span>
                     <span className="text-white font-semibold">
                       {[
                         order.sizeTshirt && `Samarreta ${order.sizeTshirt}`,
@@ -139,7 +139,7 @@ function SuccessContent() {
                   </div>
                 )}
                 <div className="flex justify-between text-sm">
-                  <span className="text-slate-500">Lliurament</span>
+                  <span className="text-slate-500">Lliurament:</span>
                   <span className="text-white font-semibold">
                     {order.shipping === 'correos' ? 'Correos Express' : 'Recollida Corbins/Lleida'}
                   </span>

src/lib/email.ts

@@ -112,11 +112,11 @@ export async function sendOrderConfirmationToClient(order: Order) {
       <div style="color:#8888AA; font-size:12px; letter-spacing:2px; text-transform:uppercase;">Número de comanda</div>
       <div class="order-number">${order.orderNumber}</div>
     </div>
-    <div class="row"><span class="label">Producte</span><span class="value">${productName}</span></div>
+    <div class="row"><span class="label">Producte:</span><span class="value">${productName}</span></div>
-    <div class="row"><span class="label">Talles</span><span class="value">${sizes}</span></div>
+    <div class="row"><span class="label">Talles:</span><span class="value">${sizes}</span></div>
-    <div class="row"><span class="label">Lliurament</span><span class="value">${shippingText}</span></div>
+    <div class="row"><span class="label">Lliurament:</span><span class="value">${shippingText}</span></div>
-    <div class="row"><span class="label">Producte</span><span class="value">${order.baseAmount.toFixed(2).replace('.', ',')}€</span></div>
+    <div class="row"><span class="label">Preu base:</span><span class="value">${order.baseAmount.toFixed(2).replace('.', ',')}€</span></div>
-    ${order.shippingAmount > 0 ? `<div class="row"><span class="label">Enviament</span><span class="value">${order.shippingAmount.toFixed(2).replace('.', ',')}€</span></div>` : ''}
+    ${order.shippingAmount > 0 ? `<div class="row"><span class="label">Enviament:</span><span class="value">${order.shippingAmount.toFixed(2).replace('.', ',')}€</span></div>` : ''}
     <div class="total-row"><span class="label">Total pagat</span><span class="value">${order.totalAmount.toFixed(2).replace('.', ',')}€</span></div>
   </div>
 
@@ -151,8 +151,8 @@ export async function sendNewOrderNotificationToAdmin(order: Order) {
 
   const addressBlock =
     order.shipping === 'correos'
-      ? `<div class="row"><span class="label">Adreça</span><span class="value" style="text-align:right;">${order.adreca}<br>${order.codiPostal} ${order.poblacio}<br>${order.provincia}</span></div>`
+      ? `<div class="row"><span class="label">Adreça:</span><span class="value" style="text-align:right;">${order.adreca}<br>${order.codiPostal} ${order.poblacio}<br>${order.provincia}</span></div>`
-      : `<div class="row"><span class="label">Recollida a</span><span class="value">Corbins / Lleida</span></div>`
+      : `<div class="row"><span class="label">Recollida a:</span><span class="value">Corbins / Lleida</span></div>`
 
   const html = baseEmailHtml(`
 <div class="header">
@@ -161,17 +161,17 @@ export async function sendNewOrderNotificationToAdmin(order: Order) {
 </div>
 <div class="body">
   <div class="order-box">
-    <div class="row"><span class="label">Producte</span><span class="value">${productName}</span></div>
+    <div class="row"><span class="label">Producte:</span><span class="value">${productName}</span></div>
-    <div class="row"><span class="label">Talles</span><span class="value">${sizes}</span></div>
+    <div class="row"><span class="label">Talles:</span><span class="value">${sizes}</span></div>
-    <div class="row"><span class="label">Lliurament</span><span class="value">${shippingText}</span></div>
+    <div class="row"><span class="label">Lliurament:</span><span class="value">${shippingText}</span></div>
     <div class="total-row"><span class="label">TOTAL</span><span class="value">${order.totalAmount.toFixed(2).replace('.', ',')}€</span></div>
   </div>
 
   <h3>Dades del client</h3>
   <div class="order-box">
-    <div class="row"><span class="label">Nom</span><span class="value">${order.nom} ${order.cognoms}</span></div>
+    <div class="row"><span class="label">Nom:</span><span class="value">${order.nom} ${order.cognoms}</span></div>
-    <div class="row"><span class="label">Telèfon</span><span class="value">${order.telefon}</span></div>
+    <div class="row"><span class="label">Telèfon:</span><span class="value">${order.telefon}</span></div>
-    <div class="row"><span class="label">Email</span><span class="value">${order.email}</span></div>
+    <div class="row"><span class="label">Email:</span><span class="value">${order.email}</span></div>
     ${addressBlock}
   </div>