convert to components

frontend/src/app/projects/page.jsx

@@ -4,6 +4,7 @@ import TopHeader from "../components/topHeader/TopHeader";
 import globalStyle from "../globalStyle.module.css";
 import styles from "./styles.module.css";
 import { useRouter } from "next/navigation";
+import SuccessToast from "../components/toast/success/successToast";
 const ProjectsPage = () => {
   const router = useRouter();
   const sampleData = [
@@ -165,6 +166,7 @@ const ProjectsPage = () => {
 
   return (
     <div className={globalStyle.section}>
+      <SuccessToast message="Project successfully added!" />
       <div className={globalStyle.mainContainer}>
         <div className={globalStyle.container}>
           <TopHeader buttonText="Create Project" topbarTitle="Project" />