new component

frontend/src/app/projects/page.jsx

@@ -7,6 +7,7 @@ import { useRouter } from "next/navigation";
 import SuccessToast from "../components/toast/success/successToast";
 import DeleteIcon from "../components/icons/delete";
 import ViewIcon from "../components/icons/view";
+import ActionButton from "../components/actionButton/ActionButton";
 const ProjectsPage = () => {
   const router = useRouter();
   const sampleData = [
@@ -224,14 +225,10 @@ const ProjectsPage = () => {
                       <td>
                         <div className={styles.actions}>
                           <div>
-                            <button className={styles.iconButton}>
-                              <ViewIcon />
-                            </button>
+                            <ActionButton icon={<ViewIcon />} />
                           </div>
                           <div>
-                            <button className={styles.iconButton}>
-                              <DeleteIcon />
-                            </button>
+                            <ActionButton icon={<DeleteIcon />} />
                           </div>
                         </div>
                       </td>