src/components/Directory/CardViewDirectory.jsx

@@ -23,7 +23,12 @@ const CardViewDirectory = ({
     >
       <div className="card-body  px-1 py-2 pb-0">
         <div className="d-flex justify-content-between">
-          <div className="d-flex align-items-center">
+          <div className={`d-flex align-items-center ${IsActive && "cursor-pointer"}`}  onClick={() => {
+          if (IsActive) {
+            setIsOpenModalNote(true);
+            setOpen_contact(contact);
+          }
+        }}>
             <Avatar
               size="xs"
               firstName={

src/components/Directory/ListViewDirectory.jsx

@@ -90,7 +90,7 @@ const ListViewDirectory = ({
 
       <td className="px-2" style={{ width: "10%" }}>
         <span className="badge badge-outline-secondary">
-          {contact?.contactCategory?.name}
+          {contact?.contactCategory?.name || "Other"}
         </span>
       </td>