This marks the Antd upgrades, it is not in a stable state.

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

client/src/components/bill-detail-edit/bill-detail-edit-component.jsx

@@ -1,5 +1,5 @@
 import {useMutation, useQuery} from "@apollo/client";
-import {Button, Form, PageHeader, Popconfirm, Space} from "antd";
+import {Button, Form, Popconfirm, Space} from "antd";
 import moment from "moment";
 import queryString from "query-string";
 import React, {useState} from "react";
@@ -21,6 +21,7 @@ import JobDocumentsGallery from "../jobs-documents-gallery/jobs-documents-galler
 import JobsDocumentsLocalGallery from "../jobs-documents-local-gallery/jobs-documents-local-gallery.container";
 import LoadingSkeleton from "../loading-skeleton/loading-skeleton.component";
 import BillDetailEditReturn from "./bill-detail-edit-return.component";
+import {PageHeader} from "@ant-design/pro-layout";
 
 const mapStateToProps = createStructuredSelector({
     bodyshop: selectBodyshop,

client/src/components/courtesy-car-form/courtesy-car-form.component.jsx

@@ -1,6 +1,7 @@
 import { WarningFilled } from "@ant-design/icons";
 import { useApolloClient } from "@apollo/client";
-import { Button, Form, Input, InputNumber, PageHeader, Space } from "antd";
+import { Button, Form, Input, InputNumber, Space } from "antd";
+import {PageHeader} from "@ant-design/pro-layout";
 import moment from "moment";
 import React from "react";
 import { useTranslation } from "react-i18next";

client/src/components/dashboard-grid/dashboard-grid.component.jsx

@@ -1,6 +1,7 @@
 import Icon, { SyncOutlined } from "@ant-design/icons";
 import { gql, useMutation, useQuery } from "@apollo/client";
-import { Button, Dropdown, Menu, PageHeader, Space, notification } from "antd";
+import { Button, Dropdown, Menu, Space, notification } from "antd";
+import {PageHeader} from "@ant-design/pro-layout";
 import i18next from "i18next";
 import _ from "lodash";
 import moment from "moment";

client/src/components/job-detail-lines/job-lines.component.jsx

@@ -14,11 +14,11 @@ import {
   Dropdown,
   Input,
   Menu,
-  PageHeader,
   Space,
   Table,
   Tag,
 } from "antd";
+import {PageHeader} from "@ant-design/pro-layout";
 import axios from "axios";
 import React, { useState } from "react";
 import { useTranslation } from "react-i18next";

client/src/components/owner-detail-form/owner-detail-form.container.jsx

@@ -1,4 +1,6 @@
-import { Button, Form, notification, PageHeader, Popconfirm } from "antd";
+import { Button, Form, notification, Popconfirm } from "antd";
+import {PageHeader} from "@ant-design/pro-layout";
+
 import React, { useState } from "react";
 import { useNavigate } from "react-router-dom";
 import { useMutation } from "@apollo/client";

client/src/components/parts-order-list-table/parts-order-list-table.component.jsx

@@ -7,11 +7,12 @@ import {
   Drawer,
   Grid,
   Input,
-  PageHeader,
   Popconfirm,
   Space,
   Table,
 } from "antd";
+import {PageHeader} from "@ant-design/pro-layout";
+
 import queryString from "query-string";
 import React, { useState } from "react";
 import { useTranslation } from "react-i18next";

client/src/components/phonebook-form/phonebook-form.component.jsx

@@ -1,4 +1,5 @@
-import { Button, Form, Input, PageHeader, Space } from "antd";
+import { Button, Form, Input, Space } from "antd";
+import {PageHeader} from "@ant-design/pro-layout";
 import React from "react";
 import { useTranslation } from "react-i18next";
 import FormFieldsChanged from "../form-fields-changed-alert/form-fields-changed-alert.component";

client/src/components/print-center-speed-print/print-center-speed-print.component.jsx

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

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

@@ -1,7 +1,8 @@
 import { SyncOutlined } from "@ant-design/icons";
 import { useApolloClient } from "@apollo/client";
 import Board, { moveCard } from "@asseinfo/react-kanban";
-import { Button, Grid, notification, PageHeader, Space, Statistic } from "antd";
+import { Button, Grid, notification, Space, Statistic } from "antd";
+import {PageHeader} from "@ant-design/pro-layout";
 import React, { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";

client/src/components/production-list-detail/production-list-detail.component.jsx

@@ -1,6 +1,7 @@
 import { PrinterFilled } from "@ant-design/icons";
 import { useQuery } from "@apollo/client";
-import { Button, Descriptions, Drawer, PageHeader, Space } from "antd";
+import { Button, Descriptions, Drawer, Space } from "antd";
+import {PageHeader} from "@ant-design/pro-layout";
 import queryString from "query-string";
 import React from "react";
 import { useTranslation } from "react-i18next";

client/src/components/production-list-table/production-list-table.component.jsx

@@ -5,11 +5,11 @@ import {
   Dropdown,
   Input,
   Menu,
-  PageHeader,
   Space,
   Statistic,
   Table,
 } from "antd";
+import {PageHeader} from "@ant-design/pro-layout";
 import React, { useMemo, useState } from "react";
 import ReactDragListView from "react-drag-listview";
 import { useTranslation } from "react-i18next";

client/src/components/schedule-calendar/schedule-calendar.component.jsx

@@ -4,11 +4,11 @@ import {
   Card,
   Checkbox,
   Col,
-  PageHeader,
   Row,
   Select,
   Space,
 } from "antd";
+import {PageHeader} from "@ant-design/pro-layout";
 import { t } from "i18next";
 import React, { useMemo } from "react";
 import useLocalStorage from "../../utils/useLocalStorage";

client/src/components/tech-lookup-jobs-drawer/tech-lookup-jobs-drawer.component.jsx

@@ -1,6 +1,7 @@
 import { PrinterFilled } from "@ant-design/icons";
 import { useQuery } from "@apollo/client";
-import { Button, Divider, Drawer, Grid, PageHeader, Tabs } from "antd";
+import { Button, Divider, Drawer, Grid, Tabs } from "antd";
+import {PageHeader} from "@ant-design/pro-layout";
 import queryString from "query-string";
 import React from "react";
 import { useTranslation } from "react-i18next";

client/src/components/time-ticket-modal/time-ticket-modal.container.jsx

@@ -1,5 +1,6 @@
 import { useMutation, useQuery } from "@apollo/client";
-import { Button, Form, Modal, PageHeader, Space, notification } from "antd";
+import { Button, Form, Modal, Space, notification } from "antd";
+import {PageHeader} from "@ant-design/pro-layout";
 import moment from "moment";
 import React, { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";

client/src/components/vehicle-detail-form/vehicle-detail-form.container.jsx

@@ -1,5 +1,6 @@
 import React, { useState } from "react";
-import { Button, Form, notification, PageHeader, Popconfirm } from "antd";
+import { Button, Form, notification, Popconfirm } from "antd";
+import {PageHeader} from "@ant-design/pro-layout";
 import { useMutation } from "@apollo/client";
 import VehicleDetailFormComponent from "./vehicle-detail-form.component";
 import { useTranslation } from "react-i18next";

client/src/components/vendors-form/vendors-form.component.jsx

@@ -7,10 +7,10 @@ import {
   Form,
   Input,
   InputNumber,
-  PageHeader,
   Space,
   Switch,
 } from "antd";
+import {PageHeader} from "@ant-design/pro-layout";
 import React from "react";
 import { useTranslation } from "react-i18next";
 import { CHECK_VENDOR_NAME } from "../../graphql/vendors.queries";