Added top toolbar nav items

X-Lovable-Edit-ID: edt-26f49448-4639-4be4-927f-111bc32d5d5f
Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>

src/components/app-shell.tsx

@@ -14,12 +14,19 @@ import {
   LayoutDashboard,
   CheckSquare,
   MessageSquare,
+  Activity,
+  DollarSign,
+  FileText,
+  FolderOpen,
+  Settings as SettingsIcon,
 } from "lucide-react";
 import { cn } from "@/lib/utils";
 import type { ReactNode } from "react";
 import { useBubbleCounts } from "@/lib/use-bubble-counts";
 import { NotificationBell } from "@/components/notifications/notification-bell";
 import { DateCalculator } from "@/components/date-calculator";
+import { HeaderTimer } from "@/components/timer/header-timer";
+import { QuickAddTime, QuickAddExpense } from "@/components/quick-add/quick-add";
 
 function initials(name: string, email: string) {
   const src = (name || email || "").trim();
@@ -40,7 +47,12 @@ const NAV: NavItem[] = [
   { to: "/cases", label: "Cases", icon: Briefcase },
   { to: "/tasks", label: "Tasks", icon: CheckSquare, bubbleKey: "tasks" },
   { to: "/messages", label: "Messages", icon: MessageSquare, bubbleKey: "messages" },
+  { to: "/status", label: "Status Updates", icon: Activity },
+  { to: "/collections", label: "Collections", icon: DollarSign },
+  { to: "/documents", label: "Documents", icon: FileText },
+  { to: "/files", label: "Files", icon: FolderOpen },
   { to: "/invoices", label: "Invoices", icon: Receipt },
+  { to: "/settings", label: "Settings", icon: SettingsIcon },
   { to: "/admin/users", label: "Users", icon: ShieldCheck, adminOnly: true },
 ];
 
@@ -103,8 +115,6 @@ export function AppShell({ children }: { children: ReactNode }) {
             <div className="font-serif text-lg truncate">Stage Law Firm, PLLC</div>
             <div className="text-[10px] uppercase tracking-widest text-sidebar-foreground/60">Law Firm Suite</div>
           </div>
-          <DateCalculator />
-          <NotificationBell />
         </div>
 
         <nav className="flex-1 px-3 py-4 space-y-0.5">
@@ -179,6 +189,15 @@ export function AppShell({ children }: { children: ReactNode }) {
       </div>
 
       <main className="flex-1 min-w-0 md:ml-0 mt-14 md:mt-0">
+        {/* Desktop top toolbar */}
+        <div className="hidden md:flex items-center gap-2 px-4 h-14 border-b bg-card">
+          <HeaderTimer />
+          <div className="flex-1" />
+          <QuickAddTime />
+          <QuickAddExpense />
+          <DateCalculator />
+          <NotificationBell />
+        </div>
         <div className="md:hidden flex overflow-x-auto gap-1 px-3 py-2 border-b bg-card">
           {NAV.filter((n) => !n.adminOnly || isAdmin).map((item) => {
             const active = item.to === "/" ? location.pathname === "/" : location.pathname.startsWith(item.to);
@@ -202,6 +221,11 @@ export function AppShell({ children }: { children: ReactNode }) {
             );
           })}
         </div>
+        <div className="md:hidden flex items-center gap-2 px-3 py-2 border-b bg-card overflow-x-auto">
+          <HeaderTimer />
+          <QuickAddTime />
+          <QuickAddExpense />
+        </div>
         {children}
       </main>
     </div>