Added react icons. Additional work on Job tombstone page.

client/src/components/white-board-card/white-board-card.component.jsx

@@ -4,6 +4,7 @@ import { Menu, Dropdown, Card, Icon, Avatar, Row, Col } from "antd";
 import { useTranslation } from "react-i18next";
 import styled from "styled-components";
 import Moment from "react-moment";
+import CarImage from "../../assets/car.svg";
 
 //The following styled div is required because of a smooth-dnd style used by react-trello to prevent wrapping of columns.
 const WrappedSpan = styled.span`
@@ -80,11 +81,7 @@ export default function WhiteBoardCard({ metadata }) {
         ]}>
         <Row>
           <Col span={6}>
-            <Avatar
-              size='large'
-              alt='Vehicle Image'
-              src='https://picolio.auto123.com/auto123-media/articles/2017/9/64008/101530569fr.jpg?scaledown=450'
-            />
+            <Avatar size='large' alt='Vehicle Image' src={CarImage} />
           </Col>
           <Col span={18}>
             <Row>
@@ -103,12 +100,14 @@ export default function WhiteBoardCard({ metadata }) {
         </Row>
         <Row>
           <Col span={12}>
-            {t("general.labels.in")}
-            <Moment format='MM/DD/YYYY'>{metadata.actual_in}</Moment>
+            {t("general.labels.in")}:
+            <Moment format='MM/DD/YYYY'> {metadata.actual_in}</Moment>
           </Col>
           <Col span={12}>
-            {t("general.labels.out")}
-            <Moment format='MM/DD/YYYY'>{metadata.scheduled_completion}</Moment>
+            {t("general.labels.out")}:
+            <Moment format='MM/DD/YYYY'>
+              {metadata.scheduled_completion}
+            </Moment>
           </Col>
         </Row>
       </Card>