personality background image and background color

src/pages/received/Components/Header.tsx

@@ -1,16 +1,18 @@
 import Button from '@/components/Button'
 import { ArrowRight, InfoCircle, SmsNotification, Star, VolumeMute, More, DocumentDownload, ArchiveTick, Printer, Trash } from 'iconsax-react'
+import { useNavigate } from 'react-router-dom'
 import { FC } from 'react'
 import { useTranslation } from 'react-i18next'
 
 const Header: FC = () => {
 
+    const navigate = useNavigate()
     const { t } = useTranslation()
 
     return (
         <div className='flex justify-between items-center border-b border-border pb-6'>
             <div className='flex xl:gap-4 gap-2'>
-                <ArrowRight size={18} color='#8C90A3' />
+                <ArrowRight size={18} color='#8C90A3' onClick={() => navigate(-1)} />
                 <SmsNotification size={18} color='black' className='xl:block hidden' />
                 <ArchiveTick size={18} color='black' className='xl:block hidden' />
                 <InfoCircle size={18} color='black' className='xl:block hidden' />