Revert all package upgrades to unblock testing.

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

@@ -1,5 +1,4 @@
-import { PageHeader } from '@ant-design/pro-layout';
-import { Button, Col, Row, Space, Form, Switch } from "antd";
+import { Button, Col, PageHeader, 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,5 +1,14 @@
-import { PageHeader } from '@ant-design/pro-layout';
-import { Button, Col, Dropdown, Form, Row, Space, Typography } from "antd";
+import {
+  Button,
+  Col,
+  Dropdown,
+  Form,
+  Menu,
+  PageHeader,
+  Row,
+  Space,
+  Typography,
+} from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
@@ -67,11 +76,10 @@ export function ContractDetailPage({
                   </Button>
                   <Dropdown
                     trigger="click"
-                    menu={{
-                      items: [
-                        {
-                          key: "contract",
-                          onClick: () =>
+                    overlay={
+                      <Menu>
+                        <Menu.Item
+                          onClick={() =>
                             GenerateDocument(
                               {
                                 name: TemplateList("courtesycarcontract")
@@ -80,15 +88,13 @@ export function ContractDetailPage({
                               },
                               {},
                               "p"
-                            ),
-                          label: t("contracts.actions.printcontract"),
-                        },
-                        {
-                          key: "terms",
-                          label: t(
-                            "printcenter.courtesycarcontract.courtesy_car_terms"
-                          ),
-                          onClick: () =>
+                            )
+                          }
+                        >
+                          {t("contracts.actions.printcontract")}
+                        </Menu.Item>
+                        <Menu.Item
+                          onClick={() =>
                             GenerateDocument(
                               {
                                 name: TemplateList("courtesycarcontract")
@@ -97,14 +103,15 @@ export function ContractDetailPage({
                               },
                               {},
                               "p"
-                            ),
-                        },
-                        {
-                          key: "impound",
-                          label: t(
-                            "printcenter.courtesycarcontract.courtesy_car_impound"
-                          ),
-                          onClick: () =>
+                            )
+                          }
+                        >
+                          {t(
+                            "printcenter.courtesycarcontract.courtesy_car_terms"
+                          )}
+                        </Menu.Item>
+                        <Menu.Item
+                          onClick={() =>
                             GenerateDocument(
                               {
                                 name: TemplateList("courtesycarcontract")
@@ -113,10 +120,15 @@ export function ContractDetailPage({
                               },
                               {},
                               "p"
-                            ),
-                        },
-                      ],
-                    }}
+                            )
+                          }
+                        >
+                          {t(
+                            "printcenter.courtesycarcontract.courtesy_car_impound"
+                          )}
+                        </Menu.Item>
+                      </Menu>
+                    }
                   >
                     <Button>{t("general.labels.print")}</Button>
                   </Dropdown>

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

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

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

@@ -1,5 +1,4 @@
-import { PageHeader } from '@ant-design/pro-layout';
-import { Button, Result, Space, Steps } from "antd";
+import { Button, PageHeader, 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,8 +8,15 @@ import Icon, {
   HistoryOutlined,
   SyncOutlined,
 } from "@ant-design/icons";
-import { PageHeader } from '@ant-design/pro-layout';
-import { Button, Divider, Form, notification, Space, Tabs } from "antd";
+import {
+  Button,
+  Divider,
+  Form,
+  notification,
+  PageHeader,
+  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

@@ -1,4 +1,4 @@
-import { Layout } from "antd";
+import { BackTop, Layout } from "antd";
 import preval from "preval.macro";
 import React, { lazy, Suspense, useEffect } from "react";
 import { useTranslation } from "react-i18next";
@@ -11,7 +11,6 @@ import ConflictComponent from "../../components/conflict/conflict.component";
 import ErrorBoundary from "../../components/error-boundary/error-boundary.component";
 //import FooterComponent from "../../components/footer/footer.component";
 //Component Imports
-import * as Sentry from "@sentry/react";
 import HeaderContainer from "../../components/header/header.container";
 import LoadingSpinner from "../../components/loading-spinner/loading-spinner.component";
 import PartnerPingComponent from "../../components/partner-ping/partner-ping.component";
@@ -23,6 +22,7 @@ import {
   selectBodyshop,
   selectInstanceConflict,
 } from "../../redux/user/user.selectors";
+import * as Sentry from "@sentry/react";
 
 import "./manage.page.styles.scss";
 
@@ -248,7 +248,7 @@ export function Manage({ match, conflict, bodyshop }) {
       />
       <Route
         exact
-        path={`${match.path}/courtesycars`}
+        path={`${match.path}/courtesycars/`}
         component={CourtesyCarsPage}
       />
       <Switch>
@@ -402,6 +402,7 @@ export function Manage({ match, conflict, bodyshop }) {
             {PageContent}
           </Sentry.ErrorBoundary>
 
+          <BackTop />
           <Footer>
             <div
               style={{

client/src/pages/phonebook/phonebook.page.container.jsx

@@ -58,7 +58,7 @@ export function PhonebookContainer({ setBreadcrumbs, setSelectedHeader }) {
           delete search.phonebookentry;
           history.push({ search: queryString.stringify(search) });
         }}
-        open={phonebookentry}
+        visible={phonebookentry}
       >
         <PhonebookFormContainer />
       </Drawer>

client/src/pages/shop-vendor/shop-vendor.page.component.jsx

@@ -36,7 +36,7 @@ export default function ShopVendorPageComponent() {
           delete search.selectedvendor;
           history.push({ search: queryString.stringify(search) });
         }}
-        open={selectedvendor}
+        visible={selectedvendor}
       >
         <VendorsFormContainer />
       </Drawer>

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

@@ -1,4 +1,4 @@
-import { Layout } from "antd";
+import { BackTop, Layout } from "antd";
 import React, { lazy, Suspense, useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
@@ -6,11 +6,11 @@ import { Redirect, Route, Switch } from "react-router-dom";
 import { createStructuredSelector } from "reselect";
 import ErrorBoundary from "../../components/error-boundary/error-boundary.component";
 
-import FeatureWrapper from "../../components/feature-wrapper/feature-wrapper.component";
 import LoadingSpinner from "../../components/loading-spinner/loading-spinner.component";
 import TechHeader from "../../components/tech-header/tech-header.component";
 import TechSider from "../../components/tech-sider/tech-sider.component";
 import { selectTechnician } from "../../redux/tech/tech.selectors";
+import FeatureWrapper from "../../components/feature-wrapper/feature-wrapper.component";
 import "./tech.page.styles.scss";
 const TimeTicketModalContainer = lazy(() =>
   import("../../components/time-ticket-modal/time-ticket-modal.container")
@@ -102,6 +102,8 @@ export function TechPage({ technician, match }) {
               </FeatureWrapper>
             </Suspense>
           </ErrorBoundary>
+
+          <BackTop />
         </Content>
       </Layout>
     </Layout>