feat(apollo,look&feel): commit pour lajout des mdx et refacto de code

Author: neehal-axa

client/apollo/react/src/Form/ItemFile/ItemStateIcon.tsx

@@ -1,9 +1,8 @@
-import classNames from "classnames";
-
 import type { ComponentType, ComponentProps } from "react";
 
 import validationIcon from "@material-symbols/svg-400/outlined/check_circle-fill.svg";
 import errorIcon from "@material-symbols/svg-400/outlined/error-fill.svg";
+import { getComponentClassName } from "../../utilities/getComponentClassName";
 import type { IconProps } from "../../Icon/IconCommon";
 import { Spinner } from "../../Spinner/SpinnerCommon";
 import { ItemFileState } from "./ItemFileCommon";
@@ -19,12 +18,15 @@ const ItemStateIcon = ({
   ItemIconComponent,
   ItemSpinnerComponent,
 }: ItemStateIconProps) => {
-  const classname = classNames("af-icon", `af-icon__${state}`);
+  const componentClassName = getComponentClassName(
+    "af-icon",
+    `af-icon__${state}`,
+  );
   return state === "loading" ? (
     <ItemSpinnerComponent size={24} className="af-item-file__spinner" />
   ) : (
     <ItemIconComponent
-      className={classname}
+      className={componentClassName}
       size="S"
       src={state === "success" ? validationIcon : errorIcon}
     />