new component

frontend/src/app/users/page.jsx

@@ -7,6 +7,7 @@ import { useRouter } from "next/navigation";
 import ViewIcon from "../components/icons/view";
 import DeleteIcon from "../components/icons/delete";
 import SuccessToast from "../components/toast/success/successToast";
+import ActionButton from "../components/actionButton/ActionButton";
 
 const UsersPage = () => {
   const router = useRouter();
@@ -63,12 +64,8 @@ const UsersPage = () => {
                       <td>{user.createdAt}</td>
                       <td>
                         <div className={styles.tableActions}>
-                          <button className={styles.viewBtn}>
-                            <ViewIcon />
-                          </button>
-                          <button className={styles.deleteBtn}>
-                            <DeleteIcon />
-                          </button>
+                          <ActionButton icon={<ViewIcon />} />
+                          <ActionButton icon={<DeleteIcon />} />
                         </div>
                       </td>
                     </tr>