onclick behavior

Author: Fr4nc3

src/frontend_react/src/components/content/HomeInput.tsx

@@ -45,7 +45,7 @@ const HomeInput: React.FC<HomeInputProps> = ({
     const handleSubmit = async () => {
         if (input.trim()) {
             setSubmitting(true);
-            showToast("Creating a task...", "info");
+            showToast("Creating a task...", "info", { dismissible: false });
             try {
                 const response = await TaskService.submitInputTask(input.trim());
 
@@ -141,7 +141,9 @@ const HomeInput: React.FC<HomeInputProps> = ({
                                     (e.currentTarget.style.backgroundColor =
                                         "var(--colorNeutralBackground3)")
                                     }
-                                    onClick={() => handleQuickTaskClick(task)}
+                                    onClick={
+                                        !submitting ? () => handleQuickTaskClick(task) : undefined
+                                    }
                                 >
                                     <div className="home-input-quick-task-content">
                                         <div className="home-input-quick-task-icon">

src/frontend_react/src/components/content/TaskDetails.tsx

@@ -20,9 +20,8 @@ import {
 } from "@fluentui/react-icons";
 import React from "react";
 import { TaskService } from "@/services";
-import PanelLeftToolbar from "@/coral/components/Panels/PanelLeftToolbar";
 import PanelRightToolbar from "@/coral/components/Panels/PanelRightToolbar";
-import "@/styles/TaskDetails.css";
+import "../../styles/TaskDetails.css";
 
 const TaskDetails: React.FC<TaskDetailsProps> = ({
     planData,
@@ -60,15 +59,11 @@ const TaskDetails: React.FC<TaskDetailsProps> = ({
         <div
             className="task-details-container"
         >
-            <PanelRightToolbar panelTitle="Progress"></PanelRightToolbar>            <div
-                className="task-details-section"
-            >                <div
-                className="task-details-progress-header"
-            >                    <div
-                className="task-details-progress-card"
-            >                        <div
-                className="task-details-progress-icon"
-            >
+            <PanelRightToolbar panelTitle="Progress"></PanelRightToolbar>
+            <div className="task-details-section">
+                <div className="task-details-progress-header">
+                    <div className="task-details-progress-card">
+                        <div className="task-details-progress-icon">
                             <svg width="56" height="56" viewBox="0 0 56 56">
                                 <circle
                                     cx="28"