Set default dinero currencies. Created checklist display skeleton component. BOD-377

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

@@ -4,6 +4,7 @@ import Icon, {
   DollarCircleOutlined,
   FileImageFilled,
   ToolFilled,
+  CheckSquareFilled,
 } from "@ant-design/icons";
 import { Form, notification, Tabs } from "antd";
 import Axios from "axios";
@@ -24,6 +25,7 @@ import { createStructuredSelector } from "reselect";
 import FormFieldsChanged from "../../components/form-fields-changed-alert/form-fields-changed-alert.component";
 import LoadingSpinner from "../../components/loading-spinner/loading-spinner.component";
 import { selectBodyshop } from "../../redux/user/user.selectors";
+import JobsDetailChecklists from "../../components/jobs-detail-checklists/jobs-detail-checklists.component";
 
 const JobsLinesContainer = lazy(() =>
   import("../../components/job-detail-lines/job-lines.container")
@@ -275,6 +277,17 @@ export function JobsDetailPage({
           >
             <JobsDetailAuditContainer recordId={job.id} />
           </Tabs.TabPane>
+          <Tabs.TabPane
+            tab={
+              <span>
+                <CheckSquareFilled />
+                {t("jobs.labels.checklists")}
+              </span>
+            }
+            key="checklists"
+          >
+            <JobsDetailChecklists job={job} />
+          </Tabs.TabPane>
         </Tabs>
       </Form>
     </Suspense>