Update stuff

apps/next/src/components/layout/header/index.tsx

@@ -4,7 +4,14 @@ import type { ComponentProps } from 'react';
 import Link from 'next/link';
 import { SpoonLogo } from '@/components/brand/logo';
 import { useConvexAuth } from 'convex/react';
-import { Bot, GitBranch, LayoutDashboard, ShieldCheck } from 'lucide-react';
+import {
+  GitBranch,
+  LayoutDashboard,
+  RefreshCw,
+  Settings,
+  ShieldCheck,
+  Sparkles,
+} from 'lucide-react';
 
 import { Button } from '@spoon/ui';
 
@@ -14,31 +21,46 @@ import { DesktopNavigation, MobileNavigation } from './navigation';
 
 const Header = (headerProps: ComponentProps<'header'>) => {
   const { isAuthenticated } = useConvexAuth();
-  const navItems: NavItem[] = [
-    {
-      href: '/#workflow',
-      icon: GitBranch,
-      label: 'How it works',
-    },
-    {
-      href: '/#maintenance',
-      icon: ShieldCheck,
-      label: 'Maintenance',
-    },
-    {
-      href: '/#agents',
-      icon: Bot,
-      label: 'Agents',
-    },
-  ];
-
-  if (isAuthenticated) {
-    navItems.push({
-      href: '/dashboard',
-      icon: LayoutDashboard,
-      label: 'Dashboard',
-    });
-  }
+  const navItems: NavItem[] = isAuthenticated
+    ? [
+        {
+          href: '/dashboard',
+          icon: LayoutDashboard,
+          label: 'Dashboard',
+        },
+        {
+          href: '/spoons',
+          icon: GitBranch,
+          label: 'My Spoons',
+        },
+        {
+          href: '/updates',
+          icon: RefreshCw,
+          label: 'Updates',
+        },
+        {
+          href: '/settings/profile',
+          icon: Settings,
+          label: 'Settings',
+        },
+      ]
+    : [
+        {
+          href: '/#workflow',
+          icon: GitBranch,
+          label: 'Workflow',
+        },
+        {
+          href: '/#features',
+          icon: Sparkles,
+          label: 'Features',
+        },
+        {
+          href: '/#security',
+          icon: ShieldCheck,
+          label: 'Security',
+        },
+      ];
 
   return (
     <header
@@ -53,7 +75,7 @@ const Header = (headerProps: ComponentProps<'header'>) => {
         <div className='flex items-center gap-2'>
           {isAuthenticated ? (
             <Button size='sm' variant='outline' asChild>
-              <Link href='/spoons'>My Spoons</Link>
+              <Link href='/spoons/new'>New Spoon</Link>
             </Button>
           ) : (
             <Button size='sm' className='hidden sm:inline-flex' asChild>