feat(console): rehauled navigation for instances including breadcrumb (#10283)

This PR significantly improves user navigation by introducing a new
instance-level navigation bar. This new bar, positioned above the
existing organization navigation, provides quick access to key sections:
Home, Organizations, Actions, and Settings.

Additionally, the breadcrumb component has been refined for more
consistent behavior, reintroducing intuitive breadcrumb buttons to
easily navigate up the hierarchy. These changes also include design
improvements for a cleaner and more streamlined appearance across the
interface.

<img width="423" height="138" alt="Screenshot 2025-07-17 at 14 55 46"
src="https://github.com/user-attachments/assets/ba9e40a1-1077-4cb6-8735-ac7ab637abe7"
/>
<img width="562" height="132" alt="Screenshot 2025-07-17 at 14 56 41"
src="https://github.com/user-attachments/assets/d85dc673-0df8-4677-9d2b-dc031dde42c3"
/>
<img width="545" height="254" alt="Screenshot 2025-07-17 at 14 56 10"
src="https://github.com/user-attachments/assets/eaf10117-079e-4181-8dbb-60c89b24556a"
/>
<img width="689" height="261" alt="Screenshot 2025-07-17 at 14 56 20"
src="https://github.com/user-attachments/assets/510ad550-1d9a-4c6a-8af1-66cb0b23619c"
/>

---------

Co-authored-by: conblem <[email protected]>
Co-authored-by: Stefan Benz <[email protected]>
Co-authored-by: Florian Forster <[email protected]>

pnpm-lock.yaml

@@ -290,9 +290,18 @@ importers:
       '@fortawesome/free-brands-svg-icons':
         specifier: ^6.7.2
         version: 6.7.2
+      '@ng-icons/core':
+        specifier: ^25.0.0
+        version: 25.6.1
+      '@ng-icons/heroicons':
+        specifier: ^25.0.0
+        version: 25.6.1
       '@ngx-translate/core':
         specifier: ^15.0.0
         version: 15.0.0(@angular/[email protected](@angular/[email protected]([email protected])([email protected]))([email protected]))(@angular/[email protected]([email protected])([email protected]))([email protected])
+      '@tanstack/angular-query-experimental':
+        specifier: ^5.85.5
+        version: 5.85.5(@angular/[email protected](@angular/[email protected]([email protected])([email protected]))([email protected]))(@angular/[email protected]([email protected])([email protected]))
       '@zitadel/client':
         specifier: workspace:*
         version: link:../packages/zitadel-client
@@ -3471,6 +3480,12 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@ng-icons/[email protected]':
+    resolution: {integrity: sha512-o6vCttlzXvDZRYiOKOULr7fsX8gY/DwwxzBSrBQzwa/at+pC0xRoe6uczJ9Ato+y1EDWP/PlrEMAQfvokBA6tQ==}
+
+  '@ng-icons/[email protected]':
+    resolution: {integrity: sha512-QGTIIl+S6/w2vQvYGP1zNLbNvJLLRS+1evlOPWZZzWow+77qRxs0E96CukSsjItBFUnLKvzuOfMBBcNtb2SIHQ==}
+
   '@ngtools/[email protected]':
     resolution: {integrity: sha512-4gm2allK0Pjy/Lxb9IGRnhEZNEOJSOTWwy09VOdHouV2ODRK7Tto2LgteaFJUUSLkuvWRsI7pfuA6yrz8KDfHw==}
     engines: {node: ^16.14.0 || >=18.10.0, npm: ^6.11.0 || ^7.5.6 || >=8.0.0, yarn: '>= 1.13.0'}
@@ -5050,6 +5065,18 @@ packages:
   '@tanem/[email protected]':
     resolution: {integrity: sha512-UkJajeR44u73ujtr5GVSbIlELDWD/mzjqWe54YMK61ljKxFcJoPd9RBSaO7xj02ISCWUqJW99GjrS+sVF0UnrA==}
 
+  '@tanstack/[email protected]':
+    resolution: {integrity: sha512-IhjAOcmrLK49P0w6dszIdfRlEmZkI+fuC+OvlhOT6Y0o6khWL0b3hEUTPFtFqzRes6WQMfUNfVDzEhTcHxLVRQ==}
+    peerDependencies:
+      '@angular/common': '>=16.0.0'
+      '@angular/core': '>=16.0.0'
+
+  '@tanstack/[email protected]':
+    resolution: {integrity: sha512-KO0WTob4JEApv69iYp1eGvfMSUkgw//IpMnq+//cORBzXf0smyRwPLrUvEe5qtAEGjwZTXrjxg+oJNP/C00t6w==}
+
+  '@tanstack/[email protected]':
+    resolution: {integrity: sha512-fbF3n+z1rqhvd9EoGp5knHkv3p5B2Zml1yNRjh7sNXklngYI5RVIWUrUjZ1RIcEoscarUb0+bOvIs5x9dwzOXQ==}
+
   '@tanstack/[email protected]':
     resolution: {integrity: sha512-Gd13QdxPSukP8ZrkbgS2RwoZseTTbQPLnQEn7HY/rqtM+8Zt95f7xKC7N0EsKs7aoz0WzZ+fditZux+F8EzYxA==}
     peerDependencies:
@@ -19241,6 +19268,14 @@ snapshots:
   '@next/[email protected]':
     optional: true
 
+  '@ng-icons/[email protected]':
+    dependencies:
+      tslib: 2.8.1
+
+  '@ng-icons/[email protected]':
+    dependencies:
+      tslib: 2.8.1
+
   '@ngtools/[email protected](@angular/[email protected](@angular/[email protected](@angular/[email protected]([email protected])([email protected])))([email protected]))([email protected])([email protected](@swc/[email protected](@swc/[email protected]))([email protected]))':
     dependencies:
       '@angular/compiler-cli': 16.2.12(@angular/[email protected](@angular/[email protected]([email protected])([email protected])))([email protected])
@@ -20804,6 +20839,17 @@ snapshots:
       content-type: 1.0.5
       tslib: 2.8.1
 
+  '@tanstack/[email protected](@angular/[email protected](@angular/[email protected]([email protected])([email protected]))([email protected]))(@angular/[email protected]([email protected])([email protected]))':
+    dependencies:
+      '@angular/common': 16.2.12(@angular/[email protected]([email protected])([email protected]))([email protected])
+      '@angular/core': 16.2.12([email protected])([email protected])
+      '@tanstack/query-core': 5.85.5
+      '@tanstack/query-devtools': 5.84.0
+
+  '@tanstack/[email protected]': {}
+
+  '@tanstack/[email protected]': {}
+
   '@tanstack/[email protected]([email protected]([email protected]))([email protected])':
     dependencies:
       '@tanstack/virtual-core': 3.13.12