hunk.code_window: import { ScreensEnum } from '../Layout';
   export function Header({ unseenCount, setScreen }: { unseenCount: number; setScreen: (screen: ScreensEnum) => void }) {
     const { theme, common } = useNovuThemeProvider();
     const { tabs } = useContext<INotificationCenterContext>(NotificationCenterContext);
     const { t } = useTranslations();
     return (
  
hunk.labels: keep keep keep keep replace keep keep keep
hunk.after_edit:   const { tabs, showUserPreferences } = useContext<INotificationCenterContext>(NotificationCenterContext);
  
hunk.file_path: packages/notification-center/src/components/notification-center/components/layout/header/Header.tsx
hunk.type: replace
file: import React, { useContext } from 'react';
  import { IMessage, IMessageAction, ButtonTypeEnum } from '@novu/shared';
  import { NotificationCenter } from '../notification-center';
  import { INotificationBellProps } from '../notification-bell';
  import { Popover } from './components/Popover';
  import { UnseenCountContext } from '../../store/unseen-count.context';
  import { INovuThemePopoverProvider } from '../../store/novu-theme-provider.context';
  import { useDefaultTheme } from '../../hooks';
  import { ColorScheme, ListItem, ITab } from '../../index';
  
  interface IPopoverNotificationCenterProps {
    onUrlChange?: (url: string) => void;
    onNotificationClick: (notification: IMessage) => void;
    onUnseenCountChanged?: (unseenCount: number) => void;
    children: (props: INotificationBellProps) => JSX.Element;
    header?: () => JSX.Element;
    footer?: () => JSX.Element;
    listItem?: ListItem;
    colorScheme: ColorScheme;
    theme?: INovuThemePopoverProvider;
    onActionClick?: (templateIdentifier: string, type: ButtonTypeEnum, message: IMessage) => void;
    actionsResultBlock?: (templateIdentifier: string, messageAction: IMessageAction) => JSX.Element;
    tabs?: ITab[];
  }
  
  export function PopoverNotificationCenter({ children, ...props }: IPopoverNotificationCenterProps) {
    const { theme } = useDefaultTheme({ colorScheme: props.colorScheme, theme: props.theme });
    const { setUnseenCount, unseenCount } = useContext(UnseenCountContext);
  
    function handlerOnUnseenCount(count: number) {
      if (isNaN(count)) return;
  
      setUnseenCount(count);
  
      if (props.onUnseenCountChanged) {
        props.onUnseenCountChanged(count);
      }
    }
  
    return (
      <Popover theme={theme} bell={(bellProps) => children({ ...bellProps, unseenCount, theme })}>
        <NotificationCenter
          onNotificationClick={props.onNotificationClick}
          onUnseenCountChanged={handlerOnUnseenCount}
          onUrlChange={props.onUrlChange}
          header={props.header}
          footer={props.footer}
          colorScheme={props.colorScheme}
          theme={props.theme}
          onActionClick={props.onActionClick}
          actionsResultBlock={props.actionsResultBlock}
          listItem={props.listItem}
          tabs={props.tabs}
        />
      </Popover>
    );
  }
  