[ic-data-table] - data table does not render when content slotted into table cell

[ad9242]

Summary of the bug

When adding a <SlottedSVG> to a table cell, the data-table does not render and an error appears in the console

🪜 How to reproduce

With the following code in React storybook:

<Canvas withSource="none">
  <Story name="icons in data">
    <IcDataTable
      caption="Icons in data"
      columns={COLS_ELEMENTS}
      data={DATA_REACT_ELEMENTS}
    >
      {DATA_REACT_ELEMENTS.map((_, index) => (
          <SlottedSVG 
            key={index} 
            slot={`actions-${index}`} 
            height="24px"
            viewBox="0 0 24 24"
            width="24px" path={mdiAccountGroup}>
          </SlottedSVG>
      ))}
    </IcDataTable>
  </Story>
</Canvas>

1. View the story
2. See that no content appears
3. in the browser developer tools, see there is a console error along the lines of:

TypeError: Cannot convert undefined or null to object
    at Function.keys (<anonymous>)
    at ic-data-table.js:70:63
    at Array.map (<anonymous>)
    at DataTable.createCells (ic-data-table.js:66:30)
    at ic-data-table.js:164:25
    at Array.map (<anonymous>)
    at DataTable.createRows (ic-data-table.js:144:18)
    at DataTable.render (ic-data-table.js:362:194)
    at callRender (index.js:1515:39)
    at updateComponent (index.js:1467:5

🧐 Expected behaviour

The data-table should appear with icons in the cells

📝 Acceptance Criteria

If relevant, describe in full detail the different interactions and edge cases that the component or patterns needs to fulfil.

Given a data table
When a <SlottedSVG> is placed in the {COLUMN_KEY}-{ROW_INDEX} slot
Then the data-table should be rendered and the icon(s) should be visible

Additional info

This only happens when using the {COLUMN_KEY}-{ROW_INDEX} slot.
It works correctly when using the {COLUMN_KEY}-{ROW_INDEX}-icon slot
It also work when placing an <svg> directly in th eslot rather than using the <SlottedSVG>