Finalize task-020 reports navigation and stability fixes

frontend/src/lib/components/layout/TopNavbar.svelte

@@ -25,6 +25,7 @@
   import { sidebarStore, toggleMobileSidebar } from "$lib/stores/sidebar.js";
   import { t } from "$lib/i18n";
   import { auth } from "$lib/auth/store.js";
+  import Icon from "$lib/ui/Icon.svelte";
 
   const dispatch = createEventDispatcher();
 
@@ -99,19 +100,7 @@
       on:click={handleHamburgerClick}
       aria-label="Toggle menu"
     >
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="24"
-        height="24"
-        viewBox="0 0 24 24"
-        fill="none"
-        stroke="currentColor"
-        stroke-width="2"
-      >
-        <line x1="3" y1="6" x2="21" y2="6"></line>
-        <line x1="3" y1="12" x2="21" y2="12"></line>
-        <line x1="3" y1="18" x2="21" y2="18"></line>
-      </svg>
+      <Icon name="menu" size={22} />
     </button>
 
     <!-- Logo/Brand -->
@@ -119,14 +108,9 @@
       href="/"
       class="flex items-center text-xl font-bold text-gray-800 hover:text-primary transition-colors"
     >
-      <svg
-        class="w-8 h-8 mr-2 text-primary"
-        xmlns="http://www.w3.org/2000/svg"
-        viewBox="0 0 24 24"
-        fill="currentColor"
-      >
-        <path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5" />
-      </svg>
+      <span class="mr-2 inline-flex h-9 w-9 items-center justify-center rounded-xl bg-gradient-to-br from-sky-500 via-cyan-500 to-indigo-600 text-white shadow-sm">
+        <Icon name="layers" size={18} strokeWidth={2.1} />
+      </span>
       <span>Superset Tools</span>
     </a>
   </div>
@@ -147,7 +131,7 @@
   <div class="flex items-center space-x-4">
     <!-- Activity Indicator -->
     <div
-      class="relative cursor-pointer p-2 rounded-lg hover:bg-gray-100 transition-colors"
+      class="relative cursor-pointer p-2 rounded-lg hover:bg-gray-100 transition-colors text-slate-600"
       on:click={handleActivityClick}
       on:keydown={(e) =>
         (e.key === "Enter" || e.key === " ") && handleActivityClick()}
@@ -155,18 +139,7 @@
       tabindex="0"
       aria-label="Activity"
     >
-      <svg
-        class="w-6 h-6 text-gray-600"
-        xmlns="http://www.w3.org/2000/svg"
-        viewBox="0 0 24 24"
-        fill="none"
-        stroke="currentColor"
-        stroke-width="2"
-      >
-        <path
-          d="M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83"
-        />
-      </svg>
+      <Icon name="activity" size={22} />
       {#if activeCount > 0}
         <span
           class="absolute -top-1 -right-1 bg-destructive text-white text-xs font-bold rounded-full w-5 h-5 flex items-center justify-center"