new component

frontend/src/app/organization/page.jsx

@@ -5,6 +5,7 @@ import TopHeader from "../components/topHeader/TopHeader";
 import globalStyle from "../globalStyle.module.css";
 import SuccessToast from "../components/toast/success/successToast";
 import DeleteIcon from "../components/icons/delete";
+import ActionButton from "../components/actionButton/ActionButton";
 
 const OrganizationPage = () => {
   const sampleData = [
@@ -81,9 +82,7 @@ const OrganizationPage = () => {
                       <td>{org.dateCreated}</td>
                       <td className={styles.actions}>
                         <div>
-                          <button className={styles.iconButton}>
-                            <DeleteIcon />
-                          </button>
+                          <ActionButton icon={<DeleteIcon />} />
                         </div>
                       </td>
                     </tr>