added watchlist, light theme, vault restructure

- Watchlist page for monitoring addresses without owning seed
- Light theme CSS variables for all navigation/UI elements
- Theme persistence on app startup
- Vault unlocked state restructured: Seeds card + Manage menu card
- Watchlist link in More page

Author: J0ET0M

Components/Layout/MobileLayout.razor

@@ -4,6 +4,9 @@
 @inject VaultService Vault
 @inject WalletStorageService WalletStorage
 @inject TransactionTrackerService TxTracker
+@inject NavigationManager Nav
+@inject QubicSettingsService Settings
+@inject IJSRuntime JS
 @implements IDisposable
 
 <div class="qb-app">
@@ -60,14 +63,29 @@
 
     <!-- Page Content -->
     <main class="qb-content" id="qb-content" @onclick="CloseWalletMenu">
-        @Body
+        <ErrorBoundary @ref="_errorBoundary">
+            <ChildContent>
+                @Body
+            </ChildContent>
+            <ErrorContent>
+                <div class="d-flex flex-column align-items-center justify-content-center py-5">
+                    <i class="bi bi-exclamation-triangle-fill text-warning" style="font-size:3rem"></i>
+                    <h5 class="mt-3">Something went wrong</h5>
+                    <p class="text-muted small">An error occurred while rendering this page.</p>
+                    <button class="btn btn-primary" @onclick="RecoverFromError">
+                        <i class="bi bi-arrow-clockwise me-1"></i>Reload
+                    </button>
+                </div>
+            </ErrorContent>
+        </ErrorBoundary>
     </main>
 
     <!-- Bottom Tab Bar -->
     <TabBar />
 </div>
 
 @code {
+    ErrorBoundary? _errorBoundary;
     bool _showWalletMenu;
 
     string WalletDisplayName
@@ -95,6 +113,12 @@
         if (_showWalletMenu) _showWalletMenu = false;
     }
 
+    void RecoverFromError()
+    {
+        _errorBoundary?.Recover();
+        Nav.NavigateTo("/", forceLoad: false);
+    }
+
     void SwitchToEntry(VaultEntry entry)
     {
         _showWalletMenu = false;
@@ -114,6 +138,16 @@
         Vault.OnVaultChanged += OnStateChanged;
     }
 
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        if (firstRender)
+        {
+            var saved = Settings.GetCustom<string>("theme");
+            if (!string.IsNullOrEmpty(saved) && saved != "dark")
+                await JS.InvokeVoidAsync("setTheme", saved);
+        }
+    }
+
     void OnStateChanged()
     {
         InvokeAsync(StateHasChanged);

Components/Pages/More.razor

@@ -10,6 +10,13 @@
             <span class="qb-link-chevron"><i class="bi bi-chevron-right"></i></span>
         </a>
     </li>
+    <li>
+        <a href="/watchlist">
+            <i class="bi bi-eye"></i>
+            Watchlist
+            <span class="qb-link-chevron"><i class="bi bi-chevron-right"></i></span>
+        </a>
+    </li>
     <li>
         <a href="/history">
             <i class="bi bi-clock-history"></i>