Tint booked day cells with light lavender background

room_cal/vue/calendar.html

@@ -228,6 +228,9 @@
     .day-cell.closed .day-num { color: var(--text-muted); }
     .day-cell.closed .day-price-row,
     .day-cell.closed .day-no-price { opacity: 0.4; }
+    .day-cell.booked { background: #f0ebf8; }
+    .day-cell.booked .day-price-row,
+    .day-cell.booked .day-no-price { opacity: 0.45; }
 
     .day-top {
       display: flex;
@@ -741,6 +744,7 @@
             :class="{
               outside:  !inMonth(day),
               today:    isToday(day),
+              booked:   inMonth(day) && !!reservations.value[fmtDate(day)],
               closed:   inMonth(day) && isClosed(day),
               selected: bulkEnabled ? bulkDays.has(fmtDate(day)) : (selection?.type === 'day' && selection.key === fmtDate(day)),
             }"