Merge release / update

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

@@ -2,14 +2,17 @@ import {Button, Form, Input, Space} from "antd";
 import {PageHeader} from "@ant-design/pro-layout";
 import React from "react";
 import {useTranslation} from "react-i18next";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import {
+  selectAuthLevel,
+  selectBodyshop,
+} from "../../redux/user/user.selectors";
 import FormFieldsChanged from "../form-fields-changed-alert/form-fields-changed-alert.component";
 import FormItemEmail from "../form-items-formatted/email-form-item.component";
 import PhoneFormItem, {PhoneItemFormatterValidation,} from "../form-items-formatted/phone-form-item.component";
 import LayoutFormRow from "../layout-form-row/layout-form-row.component";
 import {HasRbacAccess} from "../rbac-wrapper/rbac-wrapper.component";
-import {connect} from "react-redux";
-import {createStructuredSelector} from "reselect";
-import {selectAuthLevel, selectBodyshop,} from "../../redux/user/user.selectors";
 
 const mapStateToProps = createStructuredSelector({
     authLevel: selectAuthLevel,
@@ -43,13 +46,16 @@ export function PhonebookFormComponent({
     return (
         <div>
             <PageHeader
-                title={`${form.getFieldValue("firstname") || ""} ${
+                title={<Form.Item shouldUpdate>
+            {() =>`${form.getFieldValue("firstname") || ""} ${
                     form.getFieldValue("lastname") || ""
                 }${
                     form.getFieldValue("company")
                         ? ` - ${form.getFieldValue("company")}`
-                        : ""
-                }`}
+                        : ""}`
+            }
+          </Form.Item>
+                }
                 extra={
                     <Space>
                         <Button