[WEB-570] chore: toast refactor (#3836)

* new toast setup

* chore: new toast implementation.

* chore: move toast component to ui package.

* chore: replace `setToast` with `setPromiseToast` in required places for better UX.
* chore: code cleanup.

* chore: update theme.

* fix: theme switching issue.

* chore: remove toast from issue update operations.

* chore: add promise toast for add/ remove issue to cycle/ module and remove local spinners.

---------

Co-authored-by: rahulramesha <rahulramesham@gmail.com>

web/pages/accounts/forgot-password.tsx

@@ -5,7 +5,6 @@ import { Controller, useForm } from "react-hook-form";
 // services
 import { AuthService } from "services/auth.service";
 // hooks
-import useToast from "hooks/use-toast";
 import useTimer from "hooks/use-timer";
 import { useEventTracker } from "hooks/store";
 // layouts
@@ -14,7 +13,7 @@ import DefaultLayout from "layouts/default-layout";
 import { LatestFeatureBlock } from "components/common";
 import { PageHead } from "components/core";
 // ui
-import { Button, Input } from "@plane/ui";
+import { Button, Input, TOAST_TYPE, setToast } from "@plane/ui";
 // images
 import BluePlaneLogoWithoutText from "public/plane-logos/blue-without-text.png";
 // helpers
@@ -40,8 +39,6 @@ const ForgotPasswordPage: NextPageWithLayout = () => {
   const { email } = router.query;
   // store hooks
   const { captureEvent } = useEventTracker();
-  // toast
-  const { setToastAlert } = useToast();
   // timer
   const { timer: resendTimerCode, setTimer: setResendCodeTimer } = useTimer(0);
   // form info
@@ -65,8 +62,8 @@ const ForgotPasswordPage: NextPageWithLayout = () => {
         captureEvent(FORGOT_PASS_LINK, {
           state: "SUCCESS",
         });
-        setToastAlert({
-          type: "success",
+        setToast({
+          type: TOAST_TYPE.SUCCESS,
           title: "Email sent",
           message:
             "Check your inbox for a link to reset your password. If it doesn't appear within a few minutes, check your spam folder.",
@@ -77,8 +74,8 @@ const ForgotPasswordPage: NextPageWithLayout = () => {
         captureEvent(FORGOT_PASS_LINK, {
           state: "FAILED",
         });
-        setToastAlert({
-          type: "error",
+        setToast({
+          type: TOAST_TYPE.ERROR,
           title: "Error!",
           message: err?.error ?? "Something went wrong. Please try again.",
         });