Using columnGroupHeaderHeight property causes toolbar panels to be misaligned with table header

[mike-paretos]

Steps to reproduce

Steps:

1. Open this link to live example: https://codesandbox.io/p/sandbox/optimistic-sea-xgtjg9
2. Try to open the toolbar menu like filters
3. Observe that it is misaligned when columnGroupHeaderHeight is provided

Current behavior

The toolbar panels (filters, columns) are misaligned when tables with column grouping are using columnGroupHeaderHeight property.

Expected behavior

The toolbar panels (filters, columns) are aligned with table header.

Context

No response

Your environment

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: column grouping, columnGroupHeaderHeight

Order ID: 82474

[mike-paretos]

Seems like getTotalHeaderHeight does not reflect columnGroupHeaderHeight in calculations at all.