dark mode notif + new button remove

src/app/[name]/(Dialogs)/layout.tsx

@@ -12,7 +12,7 @@ function DialogsLayout({ children }: { children: React.ReactNode }) {
     return (
         <ClientSideWrapper>
             <main className={clsx(
-                'h-full w-full overflow-y-auto noscrollbar pt-4 pb-6 px-6',
+                'h-full dark:bg-background w-full overflow-y-auto noscrollbar pt-4 pb-6 px-6',
                 isCheckoutPage
                     ? 'bg-background dark:bg-background'
                     : 'bg-container lg:bg-background'

src/app/[name]/(Dialogs)/notifications/page.tsx

@@ -99,13 +99,13 @@ export default function NotificationsIndex({ }: Props) {
                         {
                             notificationsCount?.data?.count && notificationsCount?.data?.count > 0 ? (
                                 <div className='flex'>
-                                    <Image src={'/assets/images/readall.png'} alt='notification' width={20} height={20} className='object-contain -mt-3 cursor-pointer' onClick={handleReadAllClick} />
+                                    <Image src={'/assets/images/readall.png'} alt='notification' width={20} height={20} className='object-contain dark:invert -mt-3 cursor-pointer' onClick={handleReadAllClick} />
                                 </div>
                             )
                                 : null
                         }
                         {notifications.map((notification: Notification) => {
-                            const isNew = !notification.sentAt;
+                            // const isNew = !notification.sentAt;
                             const formattedDate = formatDate(notification.createdAt);
                             const formattedTime = formatTime(notification.createdAt);
 
@@ -116,11 +116,11 @@ export default function NotificationsIndex({ }: Props) {
 
                                     <div className='flex items-center justify-between mt-5 '>
                                         <div className="flex items-center justify-start gap-2">
-                                            {isNew && (
+                                            {/* {isNew && (
                                                 <span className='px-4 pt-1 pb-0.5 text-xs bg-primary text-white rounded-md'>
                                                     {t('Tags.New')}
                                                 </span>
-                                            )}
+                                            )} */}
                                             <span className='text-disabled2 text-xs pt-0.5'>
                                                 {ef(formattedDate)}
                                             </span>