fix: header buttons not working (#228)

fix:

header buttons not working.
sub-issues mutation.
customized the datepicker.
mutation in the list and kanban view.
some icons not displaying.
fixed routing and added toast alert after creating a workspace.
workspace logo display design in workspace settings.
delete issue mutation error in cycles and modules.

feat:

added authorization to issue details page.

apps/app/components/onboarding/user-details.tsx

@@ -34,8 +34,8 @@ const UserDetails: React.FC<Props> = ({ user, setStep }) => {
     defaultValues,
   });
 
-  const onSubmit = (formData: IUser) => {
-    userService
+  const onSubmit = async (formData: IUser) => {
+    await userService
       .updateUser(formData)
       .then(() => {
         setToastAlert({

apps/app/components/onboarding/workspace.tsx

@@ -55,15 +55,17 @@ const Workspace: React.FC<Props> = ({ setStep, setWorkspace }) => {
   const handleCreateWorkspace = async (formData: IWorkspace) => {
     await workspaceService
       .workspaceSlugCheck(formData.slug)
-      .then((res) => {
+      .then(async (res) => {
         if (res.status === true) {
-          workspaceService
+          setSlugError(false);
+          await workspaceService
             .createWorkspace(formData)
             .then((res) => {
               console.log(res);
               setToastAlert({
                 type: "success",
-                title: "Workspace created successfully!",
+                title: "Success!",
+                message: "Workspace created successfully.",
               });
               setWorkspace(res);
               setStep(3);
@@ -160,10 +162,10 @@ const Workspace: React.FC<Props> = ({ setStep, setWorkspace }) => {
                       <span className="text-sm text-slate-600">{"https://app.plane.so/"}</span>
                       <Input
                         name="slug"
-                        mode="transparent"
+                        mode="trueTransparent"
                         autoComplete="off"
                         register={register}
-                        className="block w-full rounded-md bg-transparent py-2 px-0 text-sm  focus:outline-none focus:ring-0"
+                        className="block w-full rounded-md bg-transparent py-2 px-0 text-sm focus:outline-none focus:ring-0"
                       />
                     </div>
                     {slugError && (