Shell: Base structure

[saad-mo]

A basic container that will hold the header, application content, and footer.

• fixable header (required)
  Design sheet WIP: https://zpl.io/2pBE69j
• Add a new color to the palette for the mixed design Shell.
• application content (required)
• horizantal nav (optional and part of application content)
• side nav (optional and part of the application content) - WIP
• footer (optional) - WIP

Dev Notes: depreciate app layout and create a new shell components

Design sheet -

Shell structure -

shell
   |-- header
       |-- left-container
           |-- branding (logo)
           |-- product-nav (dropdown)
       |-- center-container
           |-- co-pilot / search
       |-- right-container
           |-- search (optional)
           |-- notifications (notification list)
           |-- user-menu (dropdown)
           |-- product-switcher (waffel / dropdown)
   |-- shell-application
           |-- horizontal-nav(optional / tabs)
           |-- side-nav(optional / menu)
           |-- application-page
   |-- shell-footer (tbd)