New element added to ic-data-table when sorting a truncated column

[GCHQ-Developer-741]

Summary of the bug

When sorting a table that contains a cell with a truncated value (only occurs when using truncationPattern="tooltip"), the cell content shifts to the right, although it still truncates correctly and displays the tooltip.

The reason for this is down to the fact that when this happens, a new ic-tooltip element is being added into the cell (with no height so it is not visible), which shifts the visible content over to accommodate it. See screenshots below for visual example. Interestingly, every time a new column is sorted, a new tooltip element is added.

🪜 How to reproduce

1. Copy code example below
2. Click on any sort button
3. See the error

📸 Screenshots or code

const COLS = [
  { key: "name", title: "Name", dataType: "string" },
  { key: "age", title: "Age", dataType: "number" },
  { key: "department", title: "Department", dataType: "string" },
  { key: "employeeNumber", title: "Employee Number", dataType: "number" },
  { key: "jobTitle", title: "Job Title", dataType: "string" },
];

// Example data
const DATA = [
  {
    name: "Mark",
    age: 36,
    department: "Accounts & Finance",
    employeeNumber: 1,
    jobTitle: "Senior Financial Operations and Reporting Analyst",
  },
  {
    name: "Anne",
    age: 32,
    department: "Engineering",
    employeeNumber: 2,
    jobTitle:
      "Senior Software Engineer, Site Reliability Engineering (Microsoft Azure)",
  },
  {
    name: "Tim Rayes",
    age: 41,
    department: "Sales and Marketing",
    employeeNumber: 3,
    jobTitle:
      "Regional Sales and Marketing Strategy Director (Europe, the Middle East, and Africa)",
  },
];

<IcDataTable
  caption="Truncating tooltip"
  columns={COLS}
  data={DATA}
  truncationPattern="tooltip"
  sortable
/>

---

Before sorting (see only one tooltip in devtools)

After sorting (now two tooltips, visible one pushed to the side)

Sorting a second column (three tooltips, content pushed even further)

🧐 Expected behaviour

I suggest that if cell content is already wrapped in a tooltip, then do not create an additional element.

[GCHQ-Developer-741]

Doesn't require any tests as there is already one that caught this bug. Has been commented out to get dark mode through, but should be added back once this is fixed