Data Table: Table with pagination bar breaks when 'data' is null/undefined

[GCHQ-Developer-299]

Summary of the bug

When a data table has the 'data' prop set to null/undefined normally it displays the "No Data" state.
However, when there's a pagination bar it throws an error:

TypeError: Cannot read properties of null (reading 'length') at DataTable.render (ic-data-table.tsx:1902:1)
and the table fails to update.

Intended behaviour

For the data table to display the No Data message, and for the pagination bar to display without error.

🪜 How to reproduce

Tell us the steps to reproduce the problem:

1. In the story-data.ts for canary-web-components ic-data-table, modify the 'updateRows200Btn' event listener in the Dev Area example as below:

updateRows200Btn.addEventListener("click", () => {
    setTimeout(() => {
      dataTable.data = null;
    }, 500);
  });

2. The storybook example will break when you click the Update Data Rows: 200 button.