Update HomePage.tsx

Author: Fr4nc3

src/frontend/src/pages/HomePage.tsx

@@ -91,25 +91,29 @@ const HomePage: React.FC = () => {
     const handleTeamSelect = useCallback((team: TeamConfig | null) => {
         setSelectedTeam(team);
         if (team) {
-            dispatchToast(
-                <Toast>
-                    <ToastTitle>Team Selected</ToastTitle>
-                    <ToastBody>
-                        {team.name} team has been selected with {team.agents.length} agents
-                    </ToastBody>
-                </Toast>,
-                { intent: "success" }
-            );
+
+            showToast(`{team.name} team has been selected with {team.agents.length} agents`, "success");
+            // dispatchToast(
+            //     <Toast>
+            //         <ToastTitle>Team Selected</ToastTitle>
+            //         <ToastBody>
+            //             {team.name} team has been selected with {team.agents.length} agents
+            //         </ToastBody>
+            //     </Toast>,
+            //     { intent: "success" }
+            // );
         } else {
-            dispatchToast(
-                <Toast>
-                    <ToastTitle>Team Deselected</ToastTitle>
-                    <ToastBody>
-                        No team is currently selected
-                    </ToastBody>
-                </Toast>,
-                { intent: "info" }
-            );
+
+            showToast(`No team is currently selected`, "info");
+            // dispatchToast(
+            //     <Toast>
+            //         <ToastTitle>Team Deselected</ToastTitle>
+            //         <ToastBody>
+            //             No team is currently selected
+            //         </ToastBody>
+            //     </Toast>,
+            //     { intent: "info" }
+            // );
         }
     }, [dispatchToast]);
 
@@ -128,17 +132,17 @@ const HomePage: React.FC = () => {
                 setSelectedTeam(defaultTeam);
                 console.log('Default team after upload:', defaultTeam.name);
                 console.log('Business Operations Team remains default');
-
+                showToast(`Team uploaded. {defaultTeam.name} remains your default team.`, "success");
                 // Show a toast notification about the upload success
-                dispatchToast(
-                    <Toast>
-                        <ToastTitle>Team Uploaded Successfully!</ToastTitle>
-                        <ToastBody>
-                            Team uploaded. {defaultTeam.name} remains your default team.
-                        </ToastBody>
-                    </Toast>,
-                    { intent: "success" }
-                );
+                // dispatchToast(
+                //     <Toast>
+                //         <ToastTitle>Team Uploaded Successfully!</ToastTitle>
+                //         <ToastBody>
+                //             Team uploaded. {defaultTeam.name} remains your default team.
+                //         </ToastBody>
+                //     </Toast>,
+                //     { intent: "success" }
+                // );
             }
         } catch (error) {
             console.error('Error refreshing teams after upload:', error);
@@ -166,6 +170,7 @@ const HomePage: React.FC = () => {
                                 selectedTeam={selectedTeam}
                             />
                         ) : (
+                            // TODO MOVE THIS STYLE TO CSS 
                             <div style={{
                                 display: 'flex',
                                 justifyContent: 'center',