Swap trade and address order in dispatch vendor list

- Trade shown directly under company name in blue
- Address and distance shown on the bottom line

src/pages/workorders/view/WorkOrderViewPage.css

@@ -536,9 +536,9 @@
   font-weight: 500;
 }
 
-.woDispatchVendorAddr {
+.woDispatchVendorTrades {
   font-size: 11px;
-  color: #666;
+  color: #007bff;
 }
 
 .woDispatchVendorMeta {

src/pages/workorders/view/WorkOrderViewPage.js

@@ -230,9 +230,9 @@ function DispatchModal({ wo, onClose, onDispatched }) {
                     <input type="checkbox" checked={selectedIds.includes(v.id)} onChange={() => toggleVendor(v.id)} />
                     <div className="woDispatchVendorInfo">
                       <span className="woDispatchVendorName">{v.companyName}</span>
-                      {v.address && <span className="woDispatchVendorAddr">{v.address}</span>}
+                      {v.tradeSpecialties && <span className="woDispatchVendorTrades">{v.tradeSpecialties}</span>}
                       <span className="woDispatchVendorMeta">
-                        {v.tradeSpecialties && <span>{v.tradeSpecialties}</span>}
+                        {v.address && <span>{v.address}</span>}
                         {v.distanceMiles != null && <span className="woDispatchVendorDist">{v.distanceMiles} mi</span>}
                       </span>
                     </div>