Feature: Global and App sidebar collapse update

[finnar-bin]

• Updated Global sidebar collapse/uncollapse
• Added collapse/uncollapse for in-app sidebar

Preview

collapse.webm

[agalin920]

We want to keep this as a button for accessibility reasons. At the very least we need to give it role="button" and make sure it can be tabbed focused into

[agalin920]

I don't really like this approach. I don't see the need for TWO separate instances of AppSidebarButton. It seems like the only need for a second one is for a slightly different position but

1. This button should not shift. I have questioned @zcolah on this previously and he agreed that they are indeed in the same vertical position.

2. Even if it did need to shift I can see this still being handled and contained within ResizableContainer

[finnar-bin]

I don't really like this approach. I don't see the need for TWO separate instances of AppSidebarButton. It seems like the only need for a second one is for a slightly different position but

1. This button should not shift. I have questioned @zcolah on this previously and he agreed that they are indeed in the same vertical position.
2. Even if it did need to shift I can see this still being handled and contained within ResizableContainer

@agalin920 I actually tried doing this by placing it inside ResizableContainer but the button seems to get cut off by the global sidebar when the app sidebar collapses. Setting the z-index didn't seem to have fixed it but I'll try to redo it and see if I can make it work.

Actually I found out what's causing the issue now. I'll re-write this to simplify.

[agalin920]

@theofficialnar I managed it with

overflow: "visible" on SubApp container

Since that button is in fact overflowing out of the container onto the <aside>

[zcolah]

@theofficialnar (got it right this time I hope :P)

Great job as always. Near perfect as expect. Just a few very tiny issues.
See here: https://www.figma.com/file/zOI7oSH3fG1XDmmPzsP6PX/App-Navigation?type=design&node-id=651%3A104351&mode=design&t=pp22sLin1J6qchZd-1

[zcolah]

In the content sidebar please make the padding for the hidden items titlebar to be 12 px on left and 12px on the right. Currently it is 16px. Please do this for the media and schema sidebar.

[zcolah]

Please add a hover state to the hamburger menu icon. When hovered over it should have a background of:
Shades/Primary Shades/8p (#FF5D0A14)

[zcolah]

Please add tooltips for the following buttons:

1. For the re-order icon: "Reorder Pages"
2. For the plus icon: "Create Page"

[zcolah]

Please add tooltips for the following buttons.

1. Hide Content
2. Add Content Item