Add private Jellystat viewing stats to Magent beta

frontend/app/ui/WorkspaceNavigation.tsx

@@ -8,12 +8,13 @@ type NavigationItem = {
   href: string
   label: string
   shortLabel: string
-  icon: 'dashboard' | 'media' | 'issues' | 'invites' | 'settings'
+  icon: 'dashboard' | 'media' | 'issues' | 'invites' | 'settings' | 'stats'
   adminOnly?: boolean
   match: (path: string) => boolean
 }
 
 const NAVIGATION: NavigationItem[] = [
+  { href: '/insights', label: 'My Stats', shortLabel: 'Stats', icon: 'stats', match: (path) => path === '/insights' },
   { href: '/', label: 'My Requests', shortLabel: 'Requests', icon: 'dashboard', match: (path) => path === '/' || path.startsWith('/requests/') },
   { href: '/new-requests', label: 'New Request', shortLabel: 'New', icon: 'media', match: (path) => path === '/new-requests' },
   { href: '/portal/issues', label: 'Issues', shortLabel: 'Issues', icon: 'issues', match: (path) => path.startsWith('/portal/issues') },
@@ -25,6 +26,7 @@ const HIDDEN_ROUTES = ['/login', '/signup', '/forgot-password', '/reset-password
 
 function NavigationIcon({ name }: { name: NavigationItem['icon'] }) {
   const paths: Record<NavigationItem['icon'], React.ReactNode> = {
+    stats: <><path d="M4 20h16M6 16v-5m6 5V4m6 12V8" /></>,
     dashboard: <><rect x="3" y="3" width="7" height="7" rx="1" /><rect x="14" y="3" width="7" height="7" rx="1" /><rect x="3" y="14" width="7" height="7" rx="1" /><rect x="14" y="14" width="7" height="7" rx="1" /></>,
     media: <><rect x="3" y="5" width="18" height="15" rx="2" /><path d="m8 3 2 4m4-4 2 4M3 10h18" /><path d="m10 13 5 3-5 3z" /></>,
     issues: <><path d="M12 3 2.8 19h18.4L12 3Z" /><path d="M12 9v4m0 3h.01" /></>,
@@ -67,7 +69,7 @@ export default function WorkspaceNavigation() {
   return (
     <>
       <nav className="workspace-mobile-nav" aria-label="Mobile navigation">
-        {items.slice(0, 5).map((item) => (
+        {items.map((item) => (
           <a key={item.href} href={item.href} className={item.match(pathname) ? 'is-active' : undefined}>
             <NavigationIcon name={item.icon} /><span>{item.shortLabel}</span>
           </a>