➡️ This is currently implemented with a JS logic within post-mainnavigatio but produces a hydration error.

UserStory

As a developer using the design system, I want a consistant and componentized way to implement some post-mainnavgation links (first level only), so that they do neither produce a horizontal layout shift when hovered, because we switch font-weight from regular to bold, nor throw a hydration error in a nextjs environment, because the logic wrapping the link text only is applied on the client-side but not during the server-side-rendering.

I'll leave this here for a better understanding