Added create toast function

Client/src/Utils/Theme.js

@@ -109,9 +109,9 @@ const theme = createTheme({
       border: "#f04438",
     },
     warning: {
-      color: "#f79009",
-      bg: "#fffaef",
-      border: "#fecf60"
+      color: "#DC6803",
+      bg: "#fffcf5",
+      border: "#fec84b"
     },
   },
 });

Client/src/Utils/toastUtils.jsx

@@ -0,0 +1,26 @@
+import { toast } from "react-toastify";
+import Alert from "../Components/Alert";
+
+export const createToast = ({ variant, title, body, hasIcon, config = {} }) => {
+  const toastConfig = {
+    position: "top-right",
+    autoClose: 3000,
+    hideProgressBar: true,
+    closeButton: false,
+    ...config,
+  };
+
+  toast(
+    ({ closeToast }) => (
+      <Alert
+        variant={variant}
+        title={title}
+        body={body}
+        isToast={true}
+        hasIcon={hasIcon}
+        onClick={closeToast}
+      />
+    ),
+    toastConfig
+  );
+};