* tweak context navigation styles to support tablet styling

* feat: add overflow styles to context navigation list fixing phone landscape menu items cropping

* tweak sidenav margin and max size making it smaller on tablet and mobile as we have in desktop

* feat: increase context navigation max width and remove margin on tablet and mobile

* fixed: outline clipping of context navigation list items

- without the 2px margin focus-visible outline
  get clipped due to the overflow: auto; on the
  context-navigation parent

* feat: increase max height of context navigation accordion list

- increase the max height of the context navigation accordion list to 86dvh
  to ensure all list items are visible on mobile devices without an overflow scrollbar

* fix: ensure banner content is full width if actions aren't rendered

- update the Banner.Content component to conditionally render the actions
  column only if there are actions present, otherwise the content will span
  the full width of the banner

* feat: increase banner max width and add homepage banner color

- increase the max width of the banner to 100% to ensure it spans the full width of the container
- add a new variable `@bannerHomepageColor` to set the color of the banner on the homepage
- added font-size-11 in preparation for 72px h1 for landing page

* tweak the transparent bg color to be a  linear gradient on homepage-header

- We need these changes to make the header colors more accessible

* feat: increase font size and weight of content-type in banner

- increase the font size of the content-type in the banner to @h2 to make it more prominent
- add font-weight: bold to the content-type to further emphasize it

* feat: configurable link levels refs#271001

* modify var

* feat: update banner styles and variables

- Set `--text-color` variable on `.eea.banner` to control text color
- Add `.light-header` class to adjust banner styles for homepage header
- Update `@bannerTextColor` variable to control banner text color
- Adjust font size, weight, and margin for content-type in homepage banner

* fixed header size when we have no images and are using the Web Report Page title block variation

* feat: adjust banner and header styles to avoid overlapping of content with header area

* set copyright info to also be centered on web report content type

* feat: update Banner component to handle actions with a single children

- Ensure `Banner.Content` component properly handles cases where `actions children prop is an array with children or a string value such as in tests

---------

Co-authored-by: nileshgulia1 <[email protected]>

#461)

* Refs #277370-fix visual bug when checkbox widget and calendar widget are close

* change z-index for checkbox