[NV-1657] ✨ Polishing: Some design issues in the Integration Store

[SebastianStehle]

📜 Description

1. Scrollbars:

• Close button should not scroll
• Inner content should have a padding.
• IMHO: Update should not scroll either.

2. Hovering an integration

• Makes the "starting provider blurry" (it is already hard to read)
• Reduces the contrast of the text and makes it actually harder to read, not better. I think a hover or focus style should improve readability, not make it worse.

👟 Reproduction steps

No response

👍 Expected behavior

No response

📃 Provide any additional context for the Bug.

No response

👀 Have you spent some time to check if this bug has been raised before?

• I checked and didn't find similar issue

🏢 Have you read the Contributing Guidelines?

• I have read the Contributing Guidelines

_NV-1657

[scopsy]

I believe the first item also connected to: #2388 just linking it here

[nikitagrossman]

i would like to help with that

[oba2311]

Thanks so much OP!

@skooby why don't you give it a shot? Do you have time to work on it this week?

[nikitagrossman]

yeah ofc (:

[aayushdura]

@nikitagrossman @scopsy
Right now there is custom close button rendering inside the Integration Form, but instead we can provide withCloseButton to the modal itself for close button which is fixed at modal header,
Similarly, We can use the header props to supply react node as header for rendering Names of Emailing Platform alongside the close button.
/apps/web/src/pages/integrations/IntegrationsStorePage.tsx