feat(aria/grid): add CDK table interop

[TomaszKasowicz]

Adds interoperability directives which allow users to use ngGrid with CDK tables. In native table <tr ngGridRow> is always a parent of <td ngGridCell>. However in CDK table <td> elements are defined outside of <tr> elements. This commit adds directives which allow users to bridge ngGridRow and ngGridCell. Usage:

@Component({
  template: `
    <table cdk-table role="grid" ngGrid>
      <ng-container cdkColumnDef="name">
        <th ngGridCell ngProvideGridRowForCdk cdk-header-cell *cdkHeaderCellDef>Name</th>
        <td ngGridCell ngProvideGridRowForCdk cdk-cell *cdkCellDef="let row">{{ row.name }}</td>
      </ng-container>
    <tr ngGridRow ngRegisterGridRowForCdk cdk-header-row *cdkHeaderRowDef="displayedColumns"></tr>
    <tr ngGridRow ngRegisterGridRowForCdk cdk-row *cdkRowDef="let row; columns: displayedColumns"></tr>
    </table>
  `,
  providers: [NgGridRowRegistryForCdk],
})
export class CdkTableInteropComponent {
  readonly displayedColumns = ['name'];
}

NOTE: This is a proposal. Feel free to reject this PR if You think it's not suitable

Fixes: #32603