Show acceptance status in dispatch detail modal

- Accepted field shows green timestamp when acknowledged
- Shows "Awaiting acceptance" in yellow when status is Sent

src/pages/workorders/view/WorkOrderViewPage.css

@@ -734,6 +734,12 @@
   padding-top: 4px;
 }
 
+.dispatchWaiting {
+  color: #ffc107;
+  font-weight: 500;
+  font-size: 13px;
+}
+
 .dispatchChecklist {
   display: flex;
   flex-direction: column;

src/pages/workorders/view/WorkOrderViewPage.js

@@ -311,6 +311,16 @@ function DispatchDetailModal({ dispatchId, onClose, onUpdated }) {
                     <label>Dispatched</label>
                     <span>{dispatch.dispatchedAt ? formatDateTime(dispatch.dispatchedAt) : "—"}</span>
                   </div>
+                  <div className="dispatchDetailField">
+                    <label>Accepted</label>
+                    {dispatch.acknowledgedAt ? (
+                      <span style={{ color: "#28a745" }}>{formatDateTime(dispatch.acknowledgedAt)}</span>
+                    ) : dispatch.status === "Sent" ? (
+                      <span className="dispatchWaiting">Awaiting acceptance</span>
+                    ) : (
+                      <span>—</span>
+                    )}
+                  </div>
                   <div className="dispatchDetailField">
                     <label>Vendor Email</label>
                     <span>{dispatch.vendorEmail}</span>