Fix modals style and general preferences

[wadjih-bencheikh18]

closes: #1771

[codecov]

Codecov Report

Patch and project coverage have no change.

Comparison is base (309cdd8) 52.05% compared to head (209571c) 52.05%.

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #2377   +/-   ##
=======================================
  Coverage   52.05%   52.05%           
=======================================
  Files          52       52           
  Lines        2553     2553           
  Branches       84       84           
=======================================
  Hits         1329     1329           
  Misses       1222     1222           
  Partials        2        2           

☔ View full report in Codecov by Sentry.
📢 Do you have feedback about the report comment? Let us know in this issue.

[targos]

The goal of react-science is to take care of the style of common components as much as possible. We should do general changes to the style of modals in react-science so it benefits other projects and doesn't make nmrium more complex.
Also I think in this case, the styles for the body of the about dialog (color of links, bullet points, size of image, etc) is very specific and should not be applied to other modals.
Can you please open a PR on react-science with a subset of the changes that we can review?

[cloudflare-pages]

Deploying with    Cloudflare Pages

Latest commit:	209571c
Status:	✅  Deploy successful!
Preview URL:	https://a414c898.nmrium.pages.dev
Branch Preview URL:	https://1771-general-preferences-dia.nmrium.pages.dev

View logs

[wadjih-bencheikh18]

Can you please open a PR on react-science with a subset of the changes that we can review?

Here's the PR that will allow us to change header text position in react-science modal
zakodium-oss/react-science#512

[targos]

What is the modal for which you want to change the header position?

[wadjih-bencheikh18]

What is the modal for which you want to change the header position?

I have to change the position of general preferences and about us modals and it's already fixed

[targos]

I have trouble to understand what this PR does. I see it adds "maxWidth" property, but there is no difference between this PR and https://dev.nmrium.org (main branch), whatever is the size of the browser window.

[wadjih-bencheikh18]

I have trouble to understand what this PR does. I see it adds "maxWidth" property, but there is no difference between this PR and https://dev.nmrium.org (main branch), whatever is the size of the browser window.

I followed what Daniel mentioned here #1771 (comment) to check if there any difference. Now i'm trying to change modal content style so it will adapt screen size