:recycle: refactor(navigation): read links & popovers

[hirsch88]

Summary

• the links should be passed with JavaScript instead of add html elements.
• read the popover informations and listen to mutations

<bal-nav>
  <bal-nav-popover icon="search">
    <!--content -->
  </bal-nav-popover>
</bal-nav>

Needs:

• 903

• 905

• 906

• 907

• 908

• 909

• 910

Additional Information

No response

Code of Conduct

• [X] I agree to follow this project's Code of Conduct

[hirsch88]

/cib

[github-actions[bot]]

Branch refactor/issue-911 created!

[hirsch88]

MUSTS

• [x] disable scroll when popup is open
• [x] adjust mobile nav with desktop nav
• [x] tab chevron is wrong with resizing
• [x] on mobile title link is not active
• [x] flyout border when scrolling

[hirsch88]

Needs Verification

• [x] logo size is not the same as website
  • because Lottie
• [x] container size is not the same as website
  • website overwritten styles

[hirsch88]

Glitches & Animation

• [x] meta tab list shifts
• [x] list accordion is not smooth

[hirsch88]

Documentation & Testing

• [x] storybook for nav with examples how to use
• [ ] migration guide
• [x] Visual tests
• [x] create story for focus first element of popup when it opens
• [x] popup with typeahead

[hirsch88]

Bugs

@mladenplaninicic

• [x] Icon does not rotate when clicking outside to close the flyout
• [x] on mobile when scrolling just a bit an click the burger menu we should scroll back to the top
• [x] on mobile when open the burger menu and than open the bottom actions we are able to scroll the whole page