[ic-data-table] - select all rows does not clear when data updated

### Summary of the bug
If all rows are selected in the data table and the data is then updated, the select all box remains checked

### 🪜 How to reproduce
Tell us the steps to reproduce the problem:
1. Go to page: [stackblitz example](https://stackblitz.com/edit/abjzoffc-48uhfju8?file=src%2Fapp.jsx,package.json)
2. Check the select all box in the column header:

3. Click the button to update the data
4. See that no rows are selected, but the checkbox in the header is still checked:

### 🧐 Expected behaviour
The select all box should uncheck when data changes, if any of the rows are unselected

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

*Given* all rows in a data table are selected
*When* the data rows in the table change
*Then* the select all box should become unchecked if any of the new rows are unselected

### 🚨 Urgency (low, medium or high)
medium

Start with the linked StackBlitz reproduction in src/app.jsx and package.json, then trace the data-table selection behavior in the repository. Verify the case where all existing rows are selected and the data changes; done means the header checkbox is unchecked whenever any new row is unselected.

Written by the indexing model from the issue text.