CHG Hide or Style scrollbars

[AlpacaMax]

I've been thinking about either hiding or styling the scrollbars on Anubis for like a year and I finally know how to do it. The question is do we hide them for good or do we style them to match the color scheme.

[wabscale]

So that is actually windows/macos that makes it look so ugly. This is what it looks like on linux (with dark theme)

We can still remove the bars. Maybe this is a task for the interns @synoet

[AlpacaMax]

I guess this is a chrome theme-dependent issue. I just changed the theme and the ugly white track of the scrollbars disappeared.

[wabscale]

I got the nav scrollbar to go away (at least on firefox) with this: https://github.com/AnubisLMS/Anubis/commit/39b6caaac40d3ce7de17d9159bccaa483bb60098#diff-04406367feef9d80dd7e35fcc22e1b390ad4bc6308af5117dac0a4c2249f424dR24

It seems like this scrollbar thing is actually super annoying to handle

[AlpacaMax]

I actually wanted to do this in pure CSS:

.element::-webkit-scrollbar {
    display: none;
}

But looks like we don't use CSS files? I just realized that...

[synoet]

@austinbarron

[synoet]

Please refer to the contribution guide. Your commits will be rebased so please make them descriptive and nice. https://github.com/AnubisLMS/Anubis/blob/master/.github/CONTRIBUTING.md

[synoet]

You can fix it like this

  '& .MuiDrawer-paper::-webkit-scrollbar': {
    display: 'none',
  }, 

add these three lines to the drawer class in Anubis/web/src/components/shared/Navigation/Nav.styles.jsx