new component

frontend/src/app/credentials/page.jsx

@@ -4,6 +4,7 @@ import globalStyle from "../globalStyle.module.css";
 import styles from "./styles.module.css";
 import DeleteIcon from "../components/icons/delete";
 import SuccessToast from "../components/toast/success/successToast";
+import ActionButton from "../components/actionButton/ActionButton";
 const CredentialsPage = () => {
   const sampleData = [
     {
@@ -83,9 +84,7 @@ const CredentialsPage = () => {
                       <td>{org.organizationID}</td>
                       <td className={styles.actions}>
                         <div>
-                          <button className={styles.iconButton}>
-                            <DeleteIcon />
-                          </button>
+                          <ActionButton icon={<DeleteIcon />} />
                         </div>
                       </td>
                     </tr>