Changes

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

src/components/app-shell.tsx

@@ -19,6 +19,7 @@ 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";
 
 function initials(name: string, email: string) {
   const src = (name || email || "").trim();
@@ -102,6 +103,7 @@ 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>
 
@@ -168,6 +170,7 @@ export function AppShell({ children }: { children: ReactNode }) {
           <span className="font-serif text-lg">Counsel</span>
         </Link>
         <div className="flex items-center gap-2">
+          <DateCalculator />
           <NotificationBell />
           <Button variant="ghost" size="sm" onClick={handleSignOut} className="text-sidebar-foreground">
             <LogOut className="h-4 w-4" />