[Dev UI] [Evals] Table rendering clips text (height)

[tmaiaroto]

Describe the bug
When reviewing evaluations and looking at the dataset, the table on this screen clips the text in the table cells. This is a blocking issue and makes the page unusable.

To Reproduce
Steps to reproduce the behavior:

1. Ensure you have ran an evaluation
2. Go to "Evaluations" tab
3. Click on one of the runs to view the dataset
4. Observe table with text clipped
   Expected behavior
   You should be able to see the complete content in the table cells.

Screenshots

Desktop (please complete the following information):

• OS: all
• Browser Firefox, LibreWolf tested
• Version wouldn't matter

Additional context
It's the styling that's the problem, specifically the height set by:

.mat-mdc-row {
  height: var(--mat-table-row-item-container-height, 52px); <--- THIS
  color: var(--mat-table-row-item-label-text-color, var(--mat-sys-on-surface, rgba(0, 0, 0, 0.87)));

Removing the height style fixes the issue, but I'm sure that style is needed elsewhere by something else. Here's what it looks like without the height style: