…nother level of web report sections (#466)

* fix(header, inpage-navigation, custom): adjust styles for mobile responsiveness
- Increase padding for .eea.banner .gradient .content on smaller screens
- Avoid overlap of .main.bar with .view-viewview.light-header
- Adjust positioning of #inpage-navigation on smaller screens
- Remove unnecessary z-index from .block.right

* style 2nd and 3rd level of accordion items

* style tweaks for side-menu on mobile and tablet resolutions

* lowered height of hero-header banner size

* style tweaks for hero header to attempt to make it full screen

* fix(banner, header): adjust styles for hero header and banner
- Increase bottom margin for .gradient .content on hero header
- Adjust line-height for .title on hero header
- Remove unnecessary margin-bottom on .eea.banner .gradient .content for smaller screens

* reduced @topSectionZIndex: to @z-index-2

- With z-index 3 when we open the toolbar menus their content is clipped by the top-bar
  since toolbar has z-index: 2. This way we reduce back to 2 and toolbar is again on top
- the rest of changes come from prettier formatting

* introduced `contentTypesToAvoidAsLinks` to filter which content type breadcrumb turn into links

- Allow also breadcrumbs item to reference url or href for the item url

* renamed `contentTypesToAvoidAsLinks` to `contentTypesAsBreadcrumbSection` making it clearer on what this  property is supposed to be used for

* support level 4 links for accordion context navigation

* feat(banner): increase minimum height for hero header banner
- Set minimum height for .hero-header .banner to 400px
- Ensures banner has a minimum height even on smaller screens

* Allow passing of all styles values as classes for eea-banner image wrapper div

* Allow copyright to be aligned also to the center and modified has--text-center class so that the justify-content to also be center as space-evenly does not perform a center justification

* Modified addition of border-bttom on first level accordion and introduced also a border bottom on the content area when expanded

* better organization of light header styling

- we have 2 main categories that the new header affects:
  - 1. the header styles
  - 2. the banner styles
-  tweaked position of inpage-navigation to move it more
   toward the bottom right corner of the page trying to
   avoid content overlap as much as possible
- added accordion-header box-shadow when part of the
  header when we aren't scrolling

* moved fixed for z-index of block.align.left and right outside of block-chooser parent

* change(context-navigation): remove border-bottom from sidenav header

The changes remove the `@sidenavHeaderBorderBottom` variable and the corresponding
 `border-bottom` declaration from the sidenav header as instructed by Marie as meeting feedback

* change(header): use only the homepage gradient which trades a11y for a clearer middle without the white gradient