[fix](trx-frontend-http): hide tabs until authentication is granted

Hide the Main/Plugins/About tab bar initially, only showing it after
the user successfully authenticates. This prevents navigation options
from being visible when access has not been granted.

Changes:
- Add display:none and id to tab-bar div in index.html
- Update showAuthGate() to hide tab-bar
- Update hideAuthGate() to show tab-bar

Now the UI flow is:
1. Header only (auth gate visible)
2. After login: Header + tabs + content

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Stanislaw Grams <stanislawgrams@gmail.com>

src/trx-client/trx-frontend/trx-frontend-http/assets/web/app.js

@@ -58,11 +58,13 @@ function showAuthGate() {
   document.getElementById("loading").style.display = "none";
   document.getElementById("content").style.display = "none";
   document.getElementById("auth-gate").style.display = "block";
+  document.getElementById("tab-bar").style.display = "none";
 }
 
 function hideAuthGate() {
   document.getElementById("auth-gate").style.display = "none";
   document.getElementById("loading").style.display = "block";
+  document.getElementById("tab-bar").style.display = "";
 }
 
 function showAuthError(msg) {

src/trx-client/trx-frontend/trx-frontend-http/assets/web/index.html

@@ -39,7 +39,7 @@
       <div id="auth-error" style="color: #ff6b6b; font-size: 0.9rem; margin-top: 1rem; display: none;"></div>
       <div id="auth-role" style="margin-top: 1rem; color: var(--text-muted); font-size: 0.85rem; display: none;"></div>
     </div>
-    <div class="tab-bar">
+    <div class="tab-bar" style="display:none;" id="tab-bar">
       <button class="tab active" data-tab="main">Main</button>
       <button class="tab" data-tab="plugins">Plugins</button>
       <button class="tab" data-tab="about">About</button>