WIP/Draft: Navigation/Header pattern v2.0 (includes search + improved colours)

[MitchAnderson93]

Task:

Figma reference / header variations

Includes:

• Desktop search
• Rewritten SCSS with Improved colours (needing QA/colours adjusted for each colour theme)
• Includes 2x handlebars helpers I am using to determine rows in mega menu (unused)
• Refractored/cleaned up QH header classes, now uses light/light-alt/dark/dark-alt as per conventions
• Icons in menu/header at each breakpoint size (using QH svg sprite with ID's)
• Rotate chevrons in list items (menu) and CTA/attribution bar

Still to do (functionality):

• Colour QA (for each mode)
• Mobile search (expand)
• CTA (right) icons
• Border (none) on final row items in mega menu (desktop) - hence why I made two helper's
• Align mobile nav internal elements to expected state (right aligned expand button) with part clickable area
• Breakout the pre header into seperate component so user can select colour combo's in JSON (preheader/header/nav combined story)

Still to do (non func):

• Clean up/review JS/SCSS conventions
• Resolve any list issues

[stvp-qld]

Initial merge to develop for allow continued dev work in CMS.

Follow up PR's to follow for this component.