changed coulmn

src/components/Directory/ListViewDirectory.jsx

@@ -26,10 +26,10 @@ const getPhoneIcon = (type) => {
 const ListViewDirectory = ({ contact }) => {
   return (
     <tr key={contact.id} >
-      <td className="text-start">{`${contact.name}`}</td>
+      <td className="text-start" colSpan={2}>{`${contact.name}`}</td>
 
       {/* Emails */}
-      <td colSpan="2">
+      <td >
         <div className="d-flex flex-column align-items-start px-1">
           {contact.contactEmails?.map((email, index) => (
             <span key={email.id}>
@@ -52,20 +52,18 @@ const ListViewDirectory = ({ contact }) => {
         </div>
       </td>
 
-      {/* Organization */}
+
       <td className="text-start">{contact.organization}</td>
 
-      {/* Tags */}
+  
       <td>
         <div className="d-flex flex-column align-items-start">
-          {contact.tags?.map((tag, index) => (
+          <span class="badge badge-outline-primary">{contact?.contactCategory?.name }</span>
-            <span key={index} className="badge bg-light text-dark mb-1">{tag}</span>
-          ))}
         </div>
       </td>
 
       {/* Actions */}
-  <td className="align-middle text-center ">
+      <td className="align-middle text-center ">
         <i className='bx bx-edit bx-sm text-primary cursor-pointer'></i>
          <i className='bx bx-trash bx-sm text-danger cursor-pointer'></i>
       </td>