feature/IO-3624-Shop-Config-UX-Refresh -Final Push!

client/src/components/shop-employees/shop-employees-form.component.jsx

@@ -1,4 +1,4 @@
-import { DeleteFilled, HolderOutlined } from "@ant-design/icons";
+import { DeleteFilled } from "@ant-design/icons";
 import { useApolloClient, useMutation, useQuery } from "@apollo/client/react";
 import { useTreatmentsWithConfig } from "@splitsoftware/splitio-react";
 import { Button, Card, Col, Form, Input, InputNumber, Row, Select, Space, Switch } from "antd";
@@ -38,7 +38,8 @@ import {
   INLINE_TITLE_ROW_STYLE,
   INLINE_TITLE_SEPARATOR_STYLE,
   INLINE_TITLE_SWITCH_GROUP_STYLE,
-  INLINE_TITLE_TEXT_STYLE
+  INLINE_TITLE_TEXT_STYLE,
+  InlineTitleListIcon
 } from "../layout-form-row/inline-form-row-title.utils.js";
 import ShopEmployeeAddVacation from "./shop-employees-add-vacation.component";
 import FormItemEmail from "../form-items-formatted/email-form-item.component.jsx";
@@ -92,13 +93,10 @@ export function ShopEmployeesFormComponent({ bodyshop, form, onDirtyChange, isDi
 
   const updateDirtyState = useCallback(
     (nextDirtyState) => {
-      if (typeof isDirty !== "boolean") {
-        setInternalIsDirty(nextDirtyState);
-      }
-
+      setInternalIsDirty(nextDirtyState);
       onDirtyChange?.(nextDirtyState);
     },
-    [isDirty, onDirtyChange]
+    [onDirtyChange]
   );
 
   const client = useApolloClient();
@@ -482,7 +480,7 @@ export function ShopEmployeesFormComponent({ bodyshop, form, onDirtyChange, isDi
                             noDivider
                             title={
                               <div style={INLINE_TITLE_ROW_STYLE}>
-                                <HolderOutlined style={INLINE_TITLE_HANDLE_STYLE} />
+                                <InlineTitleListIcon style={INLINE_TITLE_HANDLE_STYLE} />
                                 <div style={INLINE_TITLE_GROUP_STYLE}>
                                   <div style={INLINE_TITLE_LABEL_STYLE}>{t("employees.fields.cost_center")}</div>
                                   <Form.Item