Fix/improve custom views dialog styling

[IhsenBouallegue]

Improve custom views dialog styling

ref #3225

Description

Descriptive pull request text, answering:

• Fix custom views dialog styling and make it consistent with the others.

Note: I discovered that the expansion panel / accordion is not being styled correctly from material UI. I couldn't find the reason as everything is imported correctly.
It should look like this per default:

Screenshots or gifs

Before:

After:

[IhsenBouallegue]

I won't be available for the next 2 weeks, so if everything is green you can merge this! 😄

[ce-bo]

For me it looks differently:

[shaman-apprentice]

For me it looks differently:

For me it looks fine

When you reduce browser width so the dialog contents doesn't fit anymore into it, it looks like your pic. For me that is OK, what do you think? @ce-bo

[sonarcloud]

[CodeCharta Analysis] Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
No Duplication information

[shaman-apprentice]

LGTM now

Thanks to all who participated!

[sonarcloud]

[CodeCharta Visualization] Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[Hall-Ma]

For me it looks differently:

For me it looks fine

When you reduce browser width so the dialog contents doesn't fit anymore into it, it looks like your pic. For me that is OK, what do you think? @ce-bo

I have fixed the problem. Before, it looked like Cedric's screenshot when you have the full width of the screen. Now it's more flexy, when you reduce the browser size :)