fix: manage different types of tooltip content & styles tooltip content box

handles undefined/objects data in paohvis' tooltip styles the tooltip to handle data with different length.

libs/shared/lib/vis/visualizations/paohvis/components/HyperRangeBlock.tsx

@@ -193,7 +193,13 @@ export const HyperEdgeRangesBlock: React.FC<HyperEdgeRangesBlockProps> = ({
                       </TooltipTrigger>
                       <TooltipContent>
                         <div>
-                          <span>{row.data[indexRows]}</span>
+                          <span className="overflow-hidden text-ellipsis whitespace-normal max-w-[300px] max-h-[100px] block">
+                            {row.data[indexRows] !== undefined &&
+                            row.data[indexRows] !== '' &&
+                            (typeof row.data[indexRows] !== 'object' || Array.isArray(row.data[indexRows]))
+                              ? row.data[indexRows].toString()
+                              : 'NoData'}
+                          </span>
                         </div>
                       </TooltipContent>
                     </Tooltip>