NOISS: Refactor sidebar menu

[kjporter]

This PR will:

• Finally... gives us the collapsible menu that we deserve (submenus auto-collapse with accordion-like behavior)
• Adds some training statistics to the sidebar

[iccowan]

Code looks good...QAing

[iccowan]

When on the "Training Information" page, the sidebar won't expand

Also, it was intentional to leave the sidebar expanded by default when on a page that exists in the sidebar so the user would have a queue of the page they're on and where that stands in the layout. Do we want to add this back?

[kjporter]

When on the "Training Information" page, the sidebar won't expand

Also, it was intentional to leave the sidebar expanded by default when on a page that exists in the sidebar so the user would have a queue of the page they're on and where that stands in the layout. Do we want to add this back?

Thanks @iccowan - I somehow missed that. Will update this to include that as a feature. @c0repwn3r noted some issues with dark mode that also require a refactor on this, so I'll sort this out soon.

[kjporter]

Just so I have this captured...
If you have time, do you think you could refactor it further to remove the code that directly sets height and min-height? The reason I ask, is that for darkmode, the current implementation of the sidebar makes darkmode impossible to implement. By overriding height and min-height, the sidebar "pushes" the element out of the way to make room for itself - this results in there being a block directly below the sidebar where you can see directly through to the background rendered behind the page by the browser. I've taken a screenshot from a custom build of Firefox where I overrode this to #000 so you can see the issue - but every modern browser uses #fff here, so in dark mode, there would be a big ugly white block that we cannot get rid of in CSS since you can't style the emptiness where there is no page, if that makes sense
It's very weird behavior and not at all what the html/css spec says should happen, but this is what every modern browser does (tested with up-to-date versions of chromium, gecko, and webkit)

[kjporter]

Fixed sidebar so it remains open with the menu option selected on 9/6.

[kjporter]

We're not going to fix the zero-space problem in this PR. #645 created to capture this as a separate issue.

[kjporter]

When on the "Training Information" page, the sidebar won't expand

Also, it was intentional to leave the sidebar expanded by default when on a page that exists in the sidebar so the user would have a queue of the page they're on and where that stands in the layout. Do we want to add this back?

I corrected the issue with the training information view - it was a class name conflict

[iccowan]

Before merging, just note my comment from discord: "I'm gonna go ahead and approve this, but one small CSS change that I noticed. When hovering over "ZTL Controllers", "Training", or "Administration", the cursor has the typing one instead of the finger. Once that's changed back it looks good!"