[data grid] Add a transition to the the GridColumnsPanel and GridFilterPanel components

[samwyzz]

Order ID or Support key 💳 (optional)

70294

The problem in depth 🔍

I am looking for a way to add a transition to the the DataGrid GridColumnsPanel and GridFilterPanel components when they are opened and closed.

At the moment, by default, menus such as the column menu, density menu and export menu all have smooth transitions applied to them, it seems like an inconsistency that when opening GridColumnsPanel and GridFilterPanel there is no transition applied and they render in and out abruptly without a transition.

Any help regarding this would be greatly appreciated,

thanking you Sameer Ali

Your environment 🌎

`npx @mui/envinfo`

``` System: OS: Windows 10 10.0.22621 Binaries: Node: 16.16.0 - C:\Program Files\nodejs\node.EXE Yarn: 1.22.19 - C:\Program Files\nodejs\yarn.CMD npm: 8.11.0 - C:\Program Files\nodejs\npm.CMD Browsers: Chrome: Not Found Edge: Spartan (44.22621.1992.0), Chromium (115.0.1901.188) npmPackages: @emotion/react: ^11.10.4 => 11.11.0 @emotion/styled: ^11.10.4 => 11.11.0 @mui/base: 5.0.0-beta.2 @mui/core-downloads-tracker: 5.13.2 @mui/icons-material: ^5.10.9 => 5.11.16 @mui/lab: ^5.0.0-alpha.117 => 5.0.0-alpha.131 @mui/material: ^5.11.5 => 5.13.2 @mui/private-theming: 5.13.1 @mui/styled-engine: 5.13.2 @mui/system: 5.13.2 @mui/types: 7.2.4 @mui/utils: 5.13.7 @mui/x-data-grid: ^6.2.1 => 6.10.0 @mui/x-data-grid-pro: ^6.10.0 => 6.10.0 @mui/x-date-pickers: ^5.0.8 => 5.0.20 (6.5.0) @mui/x-license-pro: 6.10.0 @types/react: 18.2.7 react: ^18.2.0 => 18.2.0 react-dom: ^18.2.0 => 18.2.0 typescript: 4.9.5 ```

[cherniavskii]

Thanks, @samwyzz Thanks for your enhancement request, we will consider adding transitions to the columns and filter panels.