update types and improve tooltip component

src/frontend/src/components/TooltipComponent/index.tsx

@@ -1,6 +1,7 @@
 import { ReactElement } from "react";
 import { LightTooltip } from "../LightTooltipComponent";
+import { TooltipComponentType } from "../../types/components";
 
-export default function Tooltip({ children, title }:{children:ReactElement,title:string}) {
+export default function Tooltip({ children, title,placement }:TooltipComponentType) {
-  return <LightTooltip title={title} arrow>{children}</LightTooltip>;
+  return <LightTooltip  placement={placement} title={title} arrow>{children}</LightTooltip>;
 }

src/frontend/src/types/components/index.ts

@@ -65,3 +65,17 @@ export type FloatComponentType = {
 	disabled?: boolean;
 	onChange: (value: string) => void;
 };
+
+export type TooltipComponentType={children:ReactElement,title:string,placement?:
+    | 'bottom-end'
+    | 'bottom-start'
+    | 'bottom'
+    | 'left-end'
+    | 'left-start'
+    | 'left'
+    | 'right-end'
+    | 'right-start'
+    | 'right'
+    | 'top-end'
+    | 'top-start'
+    | 'top';}

src/frontend/src/types/tabs/index.ts

@@ -6,7 +6,7 @@ export type TabsContextType = {
 	setTabIndex: (index: number) => void;
 	flows: Array<FlowType>;
 	removeFlow: (id: string) => void;
-	addFlow: (flowData?: any) => void;
+	addFlow: (flowData?: FlowType) => void;
 	updateFlow: (newFlow: FlowType) => void;
 	incrementNodeId: () => number;
 	downloadFlow: (flow:FlowType) => void;