notification bell z-index fix and filter to movies/series only

src/components/layout/AppHeader.tsx

@@ -83,7 +83,7 @@ export default function AppHeader({ pinned, onTogglePin }: Props) {
           sortOrder: ['Descending'],
           limit: 15,
           recursive: true,
-          includeItemTypes: ['Movie', 'Series', 'Episode'],
+          includeItemTypes: ['Movie', 'Series'],
           fields: ['DateCreated', 'PrimaryImageAspectRatio'],
         } as any)
         setNotifs(res.data.Items || [])
@@ -181,7 +181,7 @@ export default function AppHeader({ pinned, onTogglePin }: Props) {
   return (
     <header
       data-tauri-drag-region
-      className={`app-header shrink-0 h-11 flex items-stretch z-sticky border-b transition-colors duration-300 ease-out ${
+      className={`app-header relative shrink-0 h-11 flex items-stretch z-sticky border-b transition-colors duration-300 ease-out ${
         scrolled
           ? 'bg-glass-strong backdrop-blur-xl border-border'
           : 'bg-void/95 border-border/60'
@@ -311,7 +311,7 @@ export default function AppHeader({ pinned, onTogglePin }: Props) {
                 animate={{ opacity: 1, y: 0, scale: 1 }}
                 exit={{ opacity: 0, y: 6, scale: 0.98 }}
                 transition={{ duration: 0.18 }}
-                className="absolute right-0 top-9 w-80 rounded-xl bg-glass-strong backdrop-blur-2xl border border-white/10 shadow-[0_20px_60px_-15px_rgba(0,0,0,0.85)] z-modal overflow-hidden"
+                className="absolute right-0 top-9 w-80 rounded-xl bg-glass-strong backdrop-blur-2xl border border-white/10 shadow-[0_20px_60px_-15px_rgba(0,0,0,0.85)] z-[9999] overflow-hidden"
               >
                 <div className="px-3 py-2.5 border-b border-white/8 flex items-center justify-between">
                   <p className="text-[11px] font-semibold text-text-1 tracking-tight">New releases</p>