bug(mat-table): matFooterCellDef not showing updated value when changed

### Is this a regression?

- [ ] Yes, this behavior used to work in the previous version

### The previous version in which this bug was not present was

_No response_

### Description

When creating dynamic tables using mat-table and it's directives, I expect to pass data to the dynamic component and it to rerender everything based on data.

```html

{{ column.header }}


{{ column.cell(row) }}


{{ column.footer }}

```

### Reproduction

Reproduction: https://stackblitz.com/edit/angular-ivy-6urypw?file=src%2Fapp%2Ftest-table.component.ts

### Expected Behavior

I expect to see an updated table based on the data I pass to it, and not only stuff inside matCellDef, but also inside matFooterCellDef and matHeaderCellDef.

### Actual Behavior

Updating data for matCellDef works, but it doesn't re-render and update data inside matFooterCellDef and matHeaderCellDef.

### Environment

Angular v14 and v15

Bắt đầu với bản tái hiện trên StackBlitz trong src/app/test-table.component.ts và xác minh cách các cập nhật dữ liệu động của mat-table được render. Theo dõi các đường đi của matHeaderCellDef và matFooterCellDef, sau đó xác nhận bản sửa bằng cách kiểm tra rằng các giá trị header và footer đã thay đổi được render lại cùng với nội dung của matCellDef.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.