feat: use dedicated entrypoint for the tunnels

Co-authored-by: Fernandez Ludovic <[ldez@users.noreply.github.com](mailto:ldez@users.noreply.github.com)>

webui/src/components/_commons/NavBar.vue

@@ -15,7 +15,6 @@
           </q-tabs>
           <div class="right-menu">
             <q-tabs>
-              <q-btn type="a" href="https://hub.traefik.io/" target="_blank" flat no-caps label="Go to Hub Dashboard →" class="btn-menu btn-hub" />
               <q-btn @click="$q.dark.toggle()" stretch flat no-caps icon="invert_colors" :label="`${$q.dark.isActive ? 'Light' : 'Dark'} theme`" class="btn-menu" />
               <q-btn stretch flat icon="eva-question-mark-circle-outline">
                 <q-menu anchor="bottom left" auto-close>
@@ -29,6 +28,8 @@
                 </q-menu>
               </q-btn>
             </q-tabs>
+            <platform-auth-state
+              v-if="pilotEnabled" />
           </div>
         </q-toolbar>
       </div>
@@ -44,10 +45,12 @@
 
 <script>
 import config from '../../../package'
+import PlatformAuthState from '../platform/PlatformAuthState'
 import { mapActions, mapGetters } from 'vuex'
 
 export default {
   name: 'NavBar',
+  components: { PlatformAuthState },
   computed: {
     ...mapGetters('core', { coreVersion: 'version' }),
     version () {
@@ -56,6 +59,9 @@ export default {
         ? this.coreVersion.Version
         : this.coreVersion.Version.substring(0, 7)
     },
+    pilotEnabled () {
+      return this.coreVersion.pilotEnabled
+    },
     parsedVersion () {
       if (!this.version) {
         return 'master'
@@ -138,11 +144,6 @@ export default {
     font-weight: 600;
   }
 
-  .btn-hub {
-    color: #0e204c;
-    background: #deea48;
-  }
-
   .q-item {
     padding: 0;
   }