[NV-2837] 💔 👀 Update UX/UI of the scroll

[LetItRock]

What?

Scroll component look and feel

Why? (Context)

It does not look like a part of the application with borders and creates visual clutter.
It also behaves strangely for some pages. Like in the WF editor, it shouldn't appear at all, because there is not so much content. It also does not allow you to scroll down, feels like Novu is frozen :-0

Definition of Done

• The scroll displays only when the content of a page(section) is bigger than a container of the content (so in the WE it shouldn't appear when the content is fit into the container
• The scroll uses the same scroll component everywhere
• The component with 8px height max (see the component in Figma)
• The visible scroll body is 4px and it's 40% transparent (see the component in Figma)
• The component background is 100% transparent
• The scroll should perfectly fit into the container with the scrolling content
• The scroll sick to the right side of the container

Design:
Workflows / New workflow

[Nitesh123-Nits]

I want to work on this

[roniskywalker]

Hello LetItRock, I want to work with this issue. Can you kindly provide a small video about this issue?

[ainouzgali]

Thanks everyone!! @0xprathamesh assigning you

[Sahilll15]

assign this to me

[parag477]

Hey, Can you please assign this issue to me?

[harshhere905]

Hey please assign me this issue

[LetItRock]

I want to work on this

hey @Nitesh123-Nits, assigned this one to you ;)

[LetItRock]

hey @roniskywalker @Sahilll15 @parag477 @harshhere905! 👋
we have many more tickets out here, please take a look at those that are not assigned to anyone :) or find yourself the parts in the code that can be improved :) or you can add some missing tests for api or web apps, we would be really thankful :)

[narendercoder]

Hey, can you please assign me this issue ?

[RSN601KRI]

Hey Can you assign me this issue?

[Vriddhi23]

Hey,I too wanna contibute to this.Can you also assign this to me.

[LetItRock]

friends! 👋 we have the assignee in this ticket, but we really appreciate your interest in contributing to the Novu repository :) please take a look at the other tickets we have here ;)

if the assigned person won't be able to publish the PR, we will assign this ticket to someone else in the order from the top ;)

[Isoumyajit]

Hi I want to work on this @LetItRock , Please assign this to me
Thank you !!

[nick2432]

i wants to work on this please assign it to me

[mr-unmole]

@LetItRock I have created a pull request fixing the issue. Please review it as soon as possible.

[mr-unmole]

@ainouzgali I had made this pull request long ago, can it be reviewed and merged ??