removed table header icons

src/pages/Directory/DirectoryListTableHeader.jsx

@@ -11,43 +11,22 @@ const DirectoryListTableHeader = ( {children, IsActive} ) =>
                   <tr>
             <th colSpan={2}>
               <div className="d-flex align-items-center gap-1">
-                <IconButton
-                  size={12}
-                  iconClass="bx bx-user"
-                  color="secondary"
-                  onClick={() => alert("User icon clicked")}
-                />
                 <span>Name</span>
               </div>
             </th>
             <th className="px-2 text-start">
               <div className="d-flex text-center align-items-center gap-1 justify-content-start">
-                <IconButton
-                  size={12}
-                  iconClass="bx bx-envelope"
-                  color="primary"
-                />
                 <span>Email</span>
               </div>
             </th>
             <th className="mx-2">
               <div className="d-flex align-items-center m-0 p-0 gap-1">
-                <IconButton
-                  size={12}
-                  iconClass="bx bx-phone"
-                  color="warning"
-                  onClick={() => alert("User icon clicked")}
-                />
                 <span>Phone</span>
               </div>
             </th>
             <th className="mx-2">
               <div className="d-flex align-items-center gap-1">
-                <IconButton
+              
-                  size={12}
-                  iconClass="bx bxs-grid-alt"
-                  color="info"
-                />
                 <span>Organization</span>
               </div>
             </th>