Waiter PWA: UX polish — table names, category colours, print ack, PIN fix

- TableCard: show table.label (display name) instead of internal number
- TableListPage: zone filter rows 50% taller; table cards capped at 132px
  max-height so single-table zones don't stretch; grid aligns to top
- ProductPicker: category tabs use their configured colour (inactive=35%
  opacity); new View All button opens a full-screen category tile modal
- AddItemsPage: show per-printer print acknowledgement after sending order;
  print failures keep items as drafts and show a clear error screen
- PinPad: reduced to 4 dots/digits with auto-submit on 4th digit

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

waiter_pwa/src/components/TableCard.jsx

@@ -13,10 +13,11 @@ export default function TableCard({ table, order, currentUserId, onClick }) {
     cardClass = 'table-card table-card--active'
   }
 
+  const displayName = table.label || `T${table.number}`
+
   return (
     <button className={cardClass} onClick={onClick}>
-      <span className="table-card__number">{table.number}</span>
-      {table.name && <span className="table-card__name">{table.name}</span>}
+      <span className="table-card__number">{displayName}</span>
       <span className="table-card__status">{statusLabel}</span>
     </button>
   )