Feat: Add tooltips on new column menu (#1893)

* implemented tooltip for view fields

* console.log

front/src/modules/ui/menu-item/components/MenuItem.tsx

@@ -20,6 +20,7 @@ export type MenuItemProps = {
   accent?: MenuItemAccent;
   text: string;
   iconButtons?: MenuItemIconButton[];
+  isTooltipOpen?: boolean;
   className?: string;
   testId?: string;
   onClick?: () => void;
@@ -30,6 +31,7 @@ export const MenuItem = ({
   accent = 'default',
   text,
   iconButtons,
+  isTooltipOpen,
   className,
   testId,
   onClick,
@@ -42,6 +44,7 @@ export const MenuItem = ({
       onClick={onClick}
       className={className}
       accent={accent}
+      isMenuOpen={!!isTooltipOpen}
     >
       <StyledMenuItemLeftContent>
         <MenuItemLeftContent LeftIcon={LeftIcon ?? undefined} text={text} />

front/src/modules/ui/menu-item/components/MenuItemDraggable.tsx

@@ -11,6 +11,7 @@ export type MenuItemDraggableProps = {
   LeftIcon: IconComponent | undefined;
   accent?: MenuItemAccent;
   iconButtons?: MenuItemIconButton[];
+  isTooltipOpen?: boolean;
   onClick?: () => void;
   text: string;
   isDragDisabled?: boolean;
@@ -20,6 +21,7 @@ export const MenuItemDraggable = ({
   LeftIcon,
   accent = 'default',
   iconButtons,
+  isTooltipOpen,
   onClick,
   text,
   isDragDisabled = false,
@@ -32,17 +34,19 @@ export const MenuItemDraggable = ({
       onClick={onClick}
       accent={accent}
       className={className}
+      isMenuOpen={!!isTooltipOpen}
     >
       <MenuItemLeftContent
         LeftIcon={LeftIcon}
         text={text}
         showGrip={!isDragDisabled}
       />
-      <div className="hoverable-buttons">
-        {showIconButtons && (
-          <FloatingIconButtonGroup iconButtons={iconButtons} />
-        )}
-      </div>
+      {showIconButtons && (
+        <FloatingIconButtonGroup
+          className="hoverable-buttons"
+          iconButtons={iconButtons}
+        />
+      )}
     </StyledHoverableMenuItemBase>
   );
 };