Automatic code mods.

client/src/pages/contract-create/contract-create.page.component.jsx

@@ -1,4 +1,5 @@
-import { Button, Col, PageHeader, Row, Space, Form, Switch } from "antd";
+import { PageHeader } from '@ant-design/pro-layout';
+import { Button, Col, Row, Space, Form, Switch } from "antd";
 
 import React from "react";
 import { useTranslation } from "react-i18next";

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

@@ -1,13 +1,5 @@
-import {
-  Button,
-  Col,
-  Dropdown,
-  Form,
-  PageHeader,
-  Row,
-  Space,
-  Typography
-} from "antd";
+import { PageHeader } from '@ant-design/pro-layout';
+import { Button, Col, Dropdown, Form, Row, Space, Typography } from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";

client/src/pages/jobs-available/jobs-available.page.container.jsx

@@ -1,4 +1,5 @@
-import { Button, PageHeader } from "antd";
+import { PageHeader } from '@ant-design/pro-layout';
+import { Button } from "antd";
 import React, { useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";

client/src/pages/jobs-close/jobs-close.component.jsx

@@ -1,5 +1,6 @@
 import { DeleteFilled } from "@ant-design/icons";
 import { useApolloClient, useMutation } from "@apollo/client";
+import { PageHeader } from '@ant-design/pro-layout';
 import {
   Alert,
   Button,
@@ -9,7 +10,6 @@ import {
   Input,
   InputNumber,
   notification,
-  PageHeader,
   Popconfirm,
   Row,
   Select,

client/src/pages/jobs-create/jobs-create.component.jsx

@@ -1,4 +1,5 @@
-import { Button, PageHeader, Result, Space, Steps } from "antd";
+import { PageHeader } from '@ant-design/pro-layout';
+import { Button, Result, Space, Steps } from "antd";
 import React, { useContext, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router-dom";

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

@@ -8,15 +8,8 @@ import Icon, {
   HistoryOutlined,
   SyncOutlined,
 } from "@ant-design/icons";
-import {
-  Button,
-  Divider,
-  Form,
-  notification,
-  PageHeader,
-  Space,
-  Tabs,
-} from "antd";
+import { PageHeader } from '@ant-design/pro-layout';
+import { Button, Divider, Form, notification, Space, Tabs } from "antd";
 import Axios from "axios";
 import moment from "moment";
 import queryString from "query-string";

client/src/pages/manage/manage.page.component.jsx

@@ -249,7 +249,7 @@ export function Manage({ match, conflict, bodyshop }) {
       />
       <Route
         exact
-        path={`${match.path}/courtesycars/`}
+        path={`${match.path}/courtesycars`}
         component={CourtesyCarsPage}
       />
       <Switch>