setting active+ icon mark as all read

src/pages/received/List.tsx

@@ -3,7 +3,7 @@ import React, { FC, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import Table from '../../components/Table';
 import { ColumnType } from '../../components/types/TableTypes';
-import { InfoCircle, Refresh2, Trash, ArchiveTick, Star1, Sms } from 'iconsax-react';
+import { InfoCircle, Refresh2, Trash, ArchiveTick, Star1 } from 'iconsax-react';
 import { RowActionItem } from '../../components/RowActionsDropdown';
 import { useNavigate } from 'react-router-dom';
 import { useGetInbox, useMarkAllRead, useSummarizeEmail } from './hooks/useEmailData';
@@ -299,7 +299,10 @@ const List: FC = () => {
                     className='w-fit'
                 >
                     <div className='flex items-center gap-2'>
-                        <Sms size={18} color='white' />
+                        <img
+                            src={MarkAsRead}
+                            className='w-[18px] filter invert'
+                        />
                         <span>خواندن همه</span>
                     </div>
                 </Button>