feat(ui): overhaul design to match Portara logo, integrate live telemetry and remove isolated analytics tab

src/App.tsx

@@ -7,7 +7,6 @@ import { OverviewView } from './views/OverviewView.js';
 import { StorageView } from './views/StorageView.js';
 import { SharesView } from './views/SharesView.js';
 import { AppsView } from './views/AppsView.js';
-import { AnalyticsView } from './views/AnalyticsView.js';
 import { GitOpsView } from './views/GitOpsView.js';
 import { LogsView } from './views/LogsView.js';
 import { WizardView } from './views/WizardView.js';
@@ -187,8 +186,8 @@ export const App: React.FC = () => {
   };
 
   return (
-    <div className="flex h-screen w-screen overflow-hidden bg-slate-950 text-slate-100 font-sans">
-      <Sidebar currentTab={currentTab} onSelectTab={selectTab} />
+    <div className="flex h-screen w-screen overflow-hidden bg-slate-950 bg-[radial-gradient(ellipse_at_top_right,_var(--tw-gradient-stops))] from-cyan-950/20 via-slate-950 to-slate-950 text-slate-100 font-sans">
+      <Sidebar currentTab={currentTab === 'analytics' ? 'overview' : currentTab} onSelectTab={selectTab} />
 
       <div className="flex-1 flex flex-col min-w-0 overflow-hidden">
         <Topbar
@@ -199,7 +198,7 @@ export const App: React.FC = () => {
         />
 
         <main className="flex-1 overflow-y-auto p-8">
-          {currentTab === 'overview' && (
+          {(currentTab === 'overview' || currentTab === 'analytics') && (
             <OverviewView
               status={status}
               pools={pools}
@@ -241,8 +240,6 @@ export const App: React.FC = () => {
             />
           )}
 
-          {currentTab === 'analytics' && <AnalyticsView />}
-
           {currentTab === 'gitops' && (
             <GitOpsView
               status={gitops}