feat(ui): changed to a better toast for ui and a global error handler for all server error messages

frontend/src/hooks/api/types.ts

@@ -1,3 +1,5 @@
+import { ZodIssue } from "zod";
+
 export type { GetAuthTokenAPI } from "./auth/types";
 export type { IncidentContact } from "./incidentContacts/types";
 export type { IntegrationAuth } from "./integrationAuth/types";
@@ -36,3 +38,23 @@ export type {
   WorkspaceEnv,
   WorkspaceTag
 } from "./workspace/types";
+
+export enum ApiErrorTypes {
+  ValidationError = "ValidationFailure",
+  BadRequestError = "BadRequest",
+  UnauthorizedError = "UnauthorizedError",
+  ForbiddenError = "PermissionDenied"
+}
+
+export type TApiErrors =
+  | {
+      error: ApiErrorTypes.ValidationError;
+      message: ZodIssue[];
+      statusCode: 403;
+    }
+  | { error: ApiErrorTypes.ForbiddenError; message: string; statusCode: 401 }
+  | {
+      statusCode: 400;
+      message: string;
+      error: ApiErrorTypes.BadRequestError;
+    };