backup page done

apps/Frontend/src/components/layout/top-app-bar.tsx

@@ -10,6 +10,7 @@ import {
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
 import { useLocation } from "wouter";
+import { NotificationsBell } from "@/components/layout/notification-bell";
 
 interface TopAppBarProps {
   toggleMobileMenu: () => void;
@@ -49,14 +50,7 @@ export function TopAppBar({ toggleMobileMenu }: TopAppBarProps) {
         </div>
 
         <div className="flex items-center space-x-3">
-          <Button
-            variant="ghost"
-            size="icon"
-            className="relative p-0 h-9 w-9 rounded-full"
-          >
-            <Bell className="h-5 w-5" />
-            <span className="absolute top-0 right-0 w-3 h-3 bg-red-500 rounded-full border-2 border-white"></span>
-          </Button>
+          <NotificationsBell />
 
           <DropdownMenu>
             <DropdownMenuTrigger asChild>