[BUG] Data grid fullscreen overlap issue

[ps48]

Describe the bug

Whenever the data grid component is shown in full in OSD it gets overlapped by OUI header.

To Reproduce Steps to reproduce the behavior:

1. Go to Notebooks Plugin in observability
2. Click on Add sample
3. Load sample notebook [Logs] Sample Root Cause Event Analysis click on any data grid table and select fullscreen option
4. You would see an overlap in the in table headers and sometimes even few rows.

Expected behavior

Data grid full screen should not be overlapped by any item if rendered inside a component.

Screenshots

Host/Environment (please complete the following information):

• OUI Version: 1.0
• OSD Version (if applicable): 2.5.0
• OS: 2.5.0

[BSFishy]

Confirmed through https://playground.opensearch.org/app/observability-notebooks#/VL-XIowB4v5SU7kSpV5v?view=view_both, clicking on fullscreen on the datagrid.

Question to contributors/maintainers: Do we have other components that fullscreen and if so, do they have this same issue? If not, can we apply the same thing for datagrid?