[EuiDataGrid] header cell throwing call stack errors

[flash1293]

In some scenarios the grid header cells seems to interact with other popovers on the same page in a way that's causing a loop of focus settings. I can't reproduce it in a codesandbox, but it's consistently happening in Lens:

• Check out this PR [Lens] Hide column in table kibana#88680
• Go to Lens
• Configure data table
• Use column header popover to hide a column
• Open dimension editor to the right and make column visible again
• Errors are thrown

data_grid_header_cell.js:174 Uncaught RangeError: Maximum call stack size exceeded.
    at HTMLDivElement.onFocusIn (data_grid_header_cell.js:174)
    at HTMLDivElement.onFocusIn (data_grid_header_cell.js:174)
    at HTMLDivElement.onFocusIn (data_grid_header_cell.js:174)
    at HTMLDivElement.onFocusIn (data_grid_header_cell.js:174)
    at HTMLDivElement.onFocusIn (data_grid_header_cell.js:174)
    at HTMLDivElement.onFocusIn (data_grid_header_cell.js:174)
    at HTMLDivElement.onFocusIn (data_grid_header_cell.js:174)
    at HTMLDivElement.onFocusIn (data_grid_header_cell.js:174)
    at HTMLDivElement.onFocusIn (data_grid_header_cell.js:174)
    at HTMLDivElement.onFocusIn (data_grid_header_cell.js:174)

cc @chandlerprall

[fsenart]

I managed to reproduce this issue in a codesandbox with the first example of the data grid in the documentation:

1. Open the app in a new window. The bug doesn't show up when you are in the split view.
2. Click the Account column header.
3. Click Sort Low-High
4. Click Columns (top left button)
5. Toggle Location

[cee-chen]

This is similar to #4384 and should have been solved by #5209. It's not yet in Kibana for live testing, but you can try testing our EUI docs site to see if you can still reproduce that issue there. Feel free to ping/re-open if so!