adjust modal close button appearance and position

public/assets/vendor/css/core.css

@@ -16889,7 +16889,8 @@ li:not(:first-child) .dropdown-item,
   box-shadow: var(--bs-box-shadow-xs);
   filter: none;
   opacity: 1;
-  transform: translate(23px, -25px);
+  transform: translate(6px, -9px);
+  z-index: 1056;
   border-radius: 0.25rem;
   transition: all 0.23s ease 0.1s;
   /* For hover effect of close btn */
@@ -16899,18 +16900,18 @@ li:not(:first-child) .dropdown-item,
     transition: none;
   }
 }
-.modal .btn-close:hover,
+/* .modal .btn-close:hover,
 .modal .btn-close:focus,
 .modal .btn-close:active {
   opacity: 1;
   outline: 0;
   transform: translate(20px, -20px);
-}
+} */
-:dir(rtl) .modal .btn-close:hover,
+/* :dir(rtl) .modal .btn-close:hover,
 :dir(rtl) .modal .btn-close:focus,
 :dir(rtl) .modal .btn-close:active {
   transform: translate(26px, -20px);
-}
+} */
 .modal .btn-close::before {
   display: block;
   background-color: var(--bs-secondary-color);

src/components/Directory/ProfileContactDirectory.jsx

@@ -14,17 +14,8 @@ const ProfileContactDirectory = ({ contact, setOpen_contact, closeModal }) => {
   }, [conatProfile]);
   return (
     <div className="p-1">
-      <div className="text-end m-0 p-0">
+      <div className="text-center m-0 p-0">     
-        {" "}
+        <p className="fw-semibold fs-6 m-0">Contact Profile</p>
-        <button
-          className="btn btn-xs btn-secondary text-end"
-          onClick={() => {
-            setOpen_contact(null);
-            closeModal();
-          }}
-        >
-          Close
-        </button>
       </div>
       <div>
         <div className="d-flex align-items-center mb-2">

src/pages/Directory/Directory.jsx

@@ -129,7 +129,11 @@ const Directory = () => {
       {isOpenModal && (
         <GlobalModel
           isOpen={isOpenModal}
-          closeModal={() => setIsOpenModal(false)}
+          closeModal={() =>
+          {
+            setSelectedContact(null)
+             setIsOpenModal(false)
+          }}
           size="lg"
         >
           {renderModalContent()}
@@ -138,9 +142,12 @@ const Directory = () => {
       {isOpenModalNote && (
         <GlobalModel
           isOpen={isOpenModalNote}
-          closeModal={() => setIsOpenModalNote(false)}
+          closeModal={() =>
+          {
+            setOpen_contact(null)
+            setIsOpenModalNote(false)
+          }}
           size="lg"
-          IsCloseBtn={false}
         >
           {open_contact && <ProfileContactDirectory contact={open_contact} setOpen_contact={setOpen_contact} closeModal={ () => setIsOpenModalNote(false)} />}
         </GlobalModel>