Keep one production status control

src/pages/ProductionOrders.tsx

@@ -513,20 +513,10 @@ const ProductionOrders = () => {
                             <span className="ml-1 text-xs font-semibold text-dark-muted">{order.unit}</span>
                           </td>
                           <td className="px-6 py-3">
-                            <button
+                            <span className={`inline-flex min-h-9 items-center gap-2 rounded-lg border px-3 text-xs font-bold ${statusStyle.className}`}>
-                              type="button"
-                              disabled={busyStatusOrderId === order.id}
-                              onClick={() => {
-                                setSelectedOrderId(order.id);
-                                setStatusEditorOrderId(current => current === order.id ? null : order.id);
-                              }}
-                              aria-expanded={statusEditorOrderId === order.id}
-                              className={`inline-flex min-h-9 cursor-pointer items-center gap-2 rounded-lg border px-3 text-xs font-bold transition-colors hover:brightness-125 disabled:cursor-not-allowed disabled:opacity-50 ${statusStyle.className}`}
-                            >
                               <span className={`h-2 w-2 rounded-full ${statusStyle.dotClass}`} />
                               {statusStyle.label}
-                              {statusEditorOrderId === order.id ? <ChevronUp className="h-3.5 w-3.5" /> : <ChevronDown className="h-3.5 w-3.5" />}
+                            </span>
-                            </button>
                           </td>
                           <td className="px-6 py-3 text-right">
                             <button