When scrolling down, the YouTube info banner covers the GitHub banner

[dbelokon]

In #3282, we added a YouTube info banner. It seems that there are some issues with it, where the YouTube info banner is covering the GitHub banner that is above it (if there is one present).

Also, the GitHub banner has a similar behaviour, where it covers the General info banner (the one that shows the initials of the name).

For more context, read below:

When scrolling down, the YouTubeInfo component is hiding user/org.

I actually noticed this when I was writing the PR, and the main problem is how we are currently implementing all the banners. The general banner (the one that shows the profile name) gets covered by the GitHub banner, and the YouTube banner covers the GitHub banner. If I try to fix this, it would make the PR too big, since I would have to also modify the GitHub styling, as well. I can file an issue so we can focus on this only. What do you think?

Originally posted by @dbelokon in https://github.com/Seneca-CDOT/telescope/issues/3282#issuecomment-1079086649