feat: Scheduled Maintenance feature complete

frontend/src/components/Layout.tsx

@@ -17,6 +17,7 @@ import MenuIcon from '@mui/icons-material/Menu';
 import CloseIcon from '@mui/icons-material/Close';
 import { useAppStore } from '../core/store';
 import { Button } from '../shared-minimal/components/Button';
+import { NotificationBell } from '../features/notifications';
 
 interface LayoutProps {
   children: React.ReactNode;
@@ -67,7 +68,10 @@ export const Layout: React.FC<LayoutProps> = ({ children, mobileMode = false })
           <div className="px-5 pt-5 pb-3">
             <div className="flex items-center justify-between">
               <div className="text-lg font-semibold tracking-tight">MotoVaultPro</div>
-              <div className="text-xs text-slate-500">v1.0</div>
+              <div className="flex items-center gap-2">
+                <NotificationBell />
+                <div className="text-xs text-slate-500">v1.0</div>
+              </div>
             </div>
           </div>
           {/* Content area */}
@@ -231,9 +235,12 @@ export const Layout: React.FC<LayoutProps> = ({ children, mobileMode = false })
             >
               <MenuIcon />
             </IconButton>
-            <Typography variant="body2" color="text.secondary">
-              Welcome back, {user?.name || user?.email}
-            </Typography>
+            <Box sx={{ display: 'flex', alignItems: 'center', gap: 2 }}>
+              <NotificationBell />
+              <Typography variant="body2" color="text.secondary">
+                Welcome back, {user?.name || user?.email}
+              </Typography>
+            </Box>
           </Box>
         </Paper>