Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>

src/components/app-shell.tsx

@@ -189,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);
@@ -212,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>