Bugfix/flickering of navigation items in header (#8375)

* Fix flickering of navigation items in header

* Update changelog

CHANGELOG.md

@@ -11,6 +11,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Improved the content of the pricing page
 
+### Fixed
+
+- Fixed the flickering of the navigation items in the header for logged-in users
+
 ## 3.97.0 - 2026-11-02
 
 ### Changed

apps/client/src/app/components/header/header.component.html

@@ -339,7 +339,10 @@
       </a>
     </div>
     <span class="gf-spacer"></span>
-    <ul class="align-items-center d-flex list-inline m-0 px-2">
+    <ul
+      class="align-items-center d-flex list-inline m-0 px-2"
+      [class.invisible]="isInitialNavigationPending"
+    >
       <li class="list-inline-item">
         <a
           class="d-none d-sm-block rounded"

apps/client/src/app/components/header/header.component.ts

@@ -105,6 +105,7 @@ export class GfHeaderComponent implements OnChanges {
   protected hasPermissionToCreateUser: boolean;
   protected impersonationId: string | null;
   protected readonly internalRoutes = internalRoutes;
+  protected isInitialNavigationPending: boolean;
   protected isMenuOpen: boolean;
   protected readonly routeAbout = publicRoutes.about.path;
   protected readonly routeFeatures = publicRoutes.features.path;
@@ -214,6 +215,9 @@ export class GfHeaderComponent implements OnChanges {
       this.info()?.globalPermissions,
       permissions.createUserAccount
     );
+
+    this.isInitialNavigationPending =
+      !this.currentRoute() && !!this.tokenStorageService.getToken();
   }
 
   protected closeAssistant() {