feat(bulk-import): upgrading to mui5

[its-mitesh-kumar]

Resolves : https://issues.redhat.com/browse/RHIDP-4308

[its-mitesh-kumar]

cc : @debsmita1

[rm3l]

/cc @debsmita1

[04kash]

@its-mitesh-kumar To fix CI issues, you'd have to run yarn dedupe from the bulk-import workspace

[debsmita1]

Tested the changes locally, and the changes look fine
@its-mitesh-kumar Please fix the Resize observer issue with the side panel

[its-mitesh-kumar]

@divyanshiGupta
Resize observer issue @debsmita1 has mentioned, its a warning that will be shown only in dev mode . It will not be there on prod .

Cc : @christoph-jerolimov

[divyanshiGupta]

If we aren't using ResizeObserver in the code we can maybe ignore this issue for this PR as it will not appear in prod but it will be still better to fix it in the dev mode in this PR if possible and if not then we can merge this PR and raise another for the dev mode once we have a solution.

[its-mitesh-kumar]

@divyanshiGupta ! With the below commit resize issue has gone .
69036a1

[christoph-jerolimov]

I still have the resize issue; it depends on how your OS renders the scrollbar.

The issue is logged here in MUI: mui/material-ui#43718 (there are also multiple duplicates)

For me, this issue appears only when multiple TextFields with the multiline prop (an auto-resizing text field) are used at the same time. But that's exactly what we want here.

I think we can go ahead for now.

[divyanshiGupta]

/lgtm

[christoph-jerolimov]

I noticed one difference, can we check if we can fix this before we merge this?

The background color of the drawer changed in dark mode / theme:

Before:

With this PR:

[its-mitesh-kumar]

@christoph-jerolimov ! For me its looking like below .

[christoph-jerolimov]

Don't understand how this is possible, but we can start merging and then we will take a look again.