- Rough in front end / backend

Signed-off-by: Dave Richer <dave@imexsystems.ca>

client/src/pages/jobs-detail/jobs-detail.page.component.jsx

@@ -54,6 +54,7 @@ import { selectBodyshop } from "../../redux/user/user.selectors";
 import AuditTrailMapping from "../../utils/AuditTrailMappings";
 import UndefinedToNull from "../../utils/undefinedtonull";
 import { DateTimeFormat } from "./../../utils/DateFormatter";
+import JobLifecycleComponent from "../../components/job-lifecycle/job-lifecycle.component";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
@@ -288,6 +289,13 @@ export function JobsDetailPage({
               form={form}
             />
           </Tabs.TabPane>
+            <Tabs.TabPane
+                forceRender
+                tab={<span><BarsOutlined />Lifecycle</span>}
+                key="lifecycle"
+            >
+                <JobLifecycleComponent job={job}/>
+            </Tabs.TabPane>
           <Tabs.TabPane
             forceRender
             tab={