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

client/src/components/shop-teams/shop-employee-teams.form.component.jsx

@@ -1,4 +1,4 @@
-import { DeleteFilled, HolderOutlined } from "@ant-design/icons";
+import { DeleteFilled } from "@ant-design/icons";
 import { useMutation, useQuery } from "@apollo/client/react";
 import { Button, Card, Col, Form, Input, InputNumber, Row, Select, Skeleton, Space, Switch, Typography } from "antd";
 
@@ -24,7 +24,8 @@ import {
   INLINE_TITLE_LABEL_STYLE,
   INLINE_TITLE_ROW_STYLE,
   INLINE_TITLE_SEPARATOR_STYLE,
-  INLINE_TITLE_SWITCH_GROUP_STYLE
+  INLINE_TITLE_SWITCH_GROUP_STYLE,
+  InlineTitleListIcon
 } from "../layout-form-row/inline-form-row-title.utils.js";
 
 import {
@@ -87,13 +88,10 @@ export function ShopEmployeeTeamsFormComponent({ bodyshop, form, onDirtyChange,
 
   const updateDirtyState = useCallback(
     (nextDirtyState) => {
-      if (typeof isDirty !== "boolean") {
-        setInternalIsDirty(nextDirtyState);
-      }
-
+      setInternalIsDirty(nextDirtyState);
       onDirtyChange?.(nextDirtyState);
     },
-    [isDirty, onDirtyChange]
+    [onDirtyChange]
   );
 
   const clearTeamFormMeta = useCallback(() => {
@@ -376,7 +374,7 @@ export function ShopEmployeeTeamsFormComponent({ bodyshop, form, onDirtyChange,
                               grow
                               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("employee_teams.fields.employeeid")}</div>
                                     <Form.Item