Changes

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

src/components/app-shell.tsx

@@ -110,6 +110,22 @@ 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 justify-end gap-2 px-6 py-2 border-b bg-card/50">
+          <QuickAddTime />
+          <QuickAddExpense />
+          <DateCalculator />
+          <HeaderTimer />
+          <NotificationBell />
+          <Link
+            to="/settings/profile"
+            className="inline-flex items-center justify-center h-9 w-9 rounded-md border border-input bg-background hover:bg-accent hover:text-accent-foreground transition-colors"
+            aria-label="My profile"
+            title="My profile"
+          >
+            <UserIcon className="h-4 w-4" />
+          </Link>
+        </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);