fix(shareModal/index.tsx): fix typo in unavailableNames variable name to unavailableNames for better readability

refactor(shareModal/index.tsx): update ConfirmationModal title to "Replace" and remove titleHeader prop for consistency
refactor(shareModal/index.tsx): update ConfirmationModal confirmationText to "Replace" for better clarity
refactor(shareModal/index.tsx): update ConfirmationModal icon to "SaveAll" for better visual representation
refactor(shareModal/index.tsx): update ConfirmationModal size to "x-small" for better UI consistency
refactor(shareModal/index.tsx): update ConfirmationModal index to 6 for proper positioning in the modal stack
refactor(shareModal/index.tsx): update ConfirmationModal onCancel prop to an empty function for consistency

src/frontend/src/modals/shareModal/index.tsx

@@ -166,21 +166,21 @@ export default function ShareModal({
       <>
         {unavaliableNames.find((element) => element.name === name) ? (
           <ConfirmationModal
-            title="Update"
-            titleHeader={name}
-            modalContentTitle="Attention!"
+            title={`Replace`}
             cancelText="Cancel"
-            confirmationText="Update"
-            icon={"Group"}
+            confirmationText="Replace"
+            size={"x-small"}
+            icon={"SaveAll"}
+            index={6}
             onConfirm={() => {
               handleUpdateComponent();
             }}
-            size={"x-small"}
+            onCancel={() => {}}
           >
             <ConfirmationModal.Content>
               <span>
-                Are you sure you want to update this{" "}
-                {nameComponent.toLowerCase()}?
+                It seems {name} already exists. Do you want to replace it with
+                the current?
               </span>
               <br></br>
               <span className=" text-xs text-destructive ">