Refactor production board with new component BOD-71

client/src/components/production-board-kanban-card/production-board-kanban-card.component.jsx

@@ -0,0 +1,30 @@
+import React from "react";
+import { Card, Row, Col } from "antd";
+import { DateTimeFormatter } from "../../utils/DateFormatter";
+import ProductionAlert from "../production-list-columns/production-list-columns.alert.component";
+
+export default function ProductionBoardCard(card) {
+  console.log("card", card);
+  return (
+    <Card
+      className="react-kanban-card"
+      style={{ margin: ".2rem 0rem" }}
+      actions={
+        <div>
+          <ProductionAlert record={card} />
+        </div>
+      }
+      size="small"
+      title={`${card.ro_number || card.est_number} - ${card.ownr_ln} - ${
+        card.v_model_yr
+      } ${card.v_make_desc.substring(0, 4) || ""} ${card.v_model_desc || ""}`}
+    >
+      <Row>
+        <Col span={12}></Col>
+        <Col span={12}>
+          <DateTimeFormatter>{card.scheduled_completion}</DateTimeFormatter>
+        </Col>
+      </Row>
+    </Card>
+  );
+}