feat: campana multi-módulo estilo inventario

frontend/src/app/(app)/layout.tsx

@@ -3,6 +3,7 @@
 import { useState } from "react";
 import { useAuth } from "@/lib/auth";
 import Sidebar from "@/components/Sidebar";
+import NotificationBell from "@/components/NotificationBell";
 import { useRouter } from "next/navigation";
 import { useEffect } from "react";
 
@@ -60,10 +61,7 @@ function AppShell({ children }: { children: React.ReactNode }) {
           </div>
 
           <div className="d-flex align-items-center gap-3 ms-auto">
-            <button className="notification-btn">
-              <i className="bi bi-bell"></i>
-              <span className="notification-badge">3</span>
-            </button>
+            <NotificationBell />
 
             <TopNavbarUser />
           </div>