Fix header display breakpoints and client side routing

Author: TorstenDittmann

src/lib/layouts/SidebarNavButton.svelte

@@ -10,7 +10,6 @@
     class:is-selected={page.url?.pathname === groupItem.href}
     href={groupItem.href}
     target={groupItem.openInNewTab ? '_blank' : undefined}
-    data-sveltekit-reload
 >
     {#if groupItem.icon}
         <span class="icon {groupItem.icon}" aria-hidden="true"></span>

src/scss/7-components/_main-header.scss

@@ -100,7 +100,7 @@
         --p-main-header-border-color: rgb(0, 0, 0, 0.1);
     }
 
-    @media  #{$break1} {
+    @media  #{$break2},  #{$break1} {
         display: none;
     }
 

src/scss/7-components/_mobile-header.scss

@@ -29,7 +29,7 @@
         -webkit-backdrop-filter: blur(pxToRem(8));
         backdrop-filter: blur(pxToRem(8));
     }
-    @media #{$break2open} {
+    @media #{$break3open} {
         display: none;
     }