feat: Include cell value in title when column widths are constrained

Author: bprusinowski

app/charts/table/cell-desktop.tsx

@@ -80,7 +80,12 @@ export const CellDesktop = ({
             px: 3,
           }}
         >
-          <LinkedCellWrapper cell={cell} columnMeta={columnMeta} links={links}>
+          <LinkedCellWrapper
+            cell={cell}
+            columnMeta={columnMeta}
+            links={links}
+            includeValueInTitle={shouldApplyWidthLimits}
+          >
             <Box
               component="span"
               sx={{

app/charts/table/linked-cell-wrapper.tsx

@@ -47,11 +47,13 @@ export const LinkedCellWrapper = ({
   cell,
   columnMeta,
   links,
+  includeValueInTitle,
 }: {
   children: ReactNode;
   cell: Cell<Observation>;
   columnMeta: ColumnMeta;
   links: TableLinks;
+  includeValueInTitle?: boolean;
 }) => {
   const classes = useStyles();
   const isLinkedColumn =
@@ -71,7 +73,7 @@ export const LinkedCellWrapper = ({
       className={classes.link}
       href={href}
       target="_parent"
-      title={href}
+      title={includeValueInTitle ? `${cell.value}: ${href}` : href}
       style={{ flex: 1, justifyContent: "space-between" }}
     >
       {children}