Phase 7

src/components/navigation/staff-shell.tsx

@@ -1,3 +1,4 @@
+import { NotificationBell } from "@/features/notifications/components/notification-bell";
 import { BottomNav } from "./bottom-nav";
 import { StaffSidebarNav } from "./staff-sidebar-nav";
 import type { BottomNavItem } from "./bottom-nav";
@@ -14,15 +15,20 @@ export function StaffShell({
   children,
   items = STAFF_NAV_ITEMS,
   footerLink,
+  notificationsHref = "/staff/notifications",
+  unreadNotificationCount = 0,
 }: {
   children: React.ReactNode;
   items?: BottomNavItem[];
   footerLink?: { href: string; label: string };
+  notificationsHref?: string;
+  unreadNotificationCount?: number;
 }) {
   return (
     <div className="min-h-screen bg-stone pb-24 lg:pb-0 lg:pl-56">
       <StaffSidebarNav items={items} footerLink={footerLink} />
-      {children}
+      <NotificationBell href={notificationsHref} unreadCount={unreadNotificationCount} />
+      <div id="main-content">{children}</div>
       <BottomNav items={items} variant="staff" />
     </div>
   );