Built the Sentinel Tab

app/src/App.tsx

@@ -10,7 +10,9 @@ import { Sentinel } from '@/components/modules/Sentinel';
 import { Inventory } from '@/components/modules/Inventory';
 import { Settings } from '@/components/modules/Settings';
 import { Catalyst } from '@/components/modules/Catalyst';
+import { NotificationCenter } from '@/components/layout/NotificationCenter';
 import type { ModuleId } from '@/types';
+
 import {
   MoreVertical,
   LogOut,
@@ -126,8 +128,14 @@ function MainLayout() {
             </motion.div>
 
             {/* User Profile */}
-            <div className="flex items-center gap-3">
+            <div className="flex items-center gap-2">
+              {/* Active Notification Center */}
+              <NotificationCenter />
+
+              <div className="w-px h-6 bg-white/10" />
+
               <div className="text-right">
+
                 <p className="text-sm font-medium text-white">Ahmed Al-Farsi</p>
                 <p className="text-xs" style={{ color: 'hsl(var(--muted-fg))' }}>Sales Director</p>
               </div>