announcement and criticisms and wallet and learning and setting

src/shared/Header.tsx

@@ -3,6 +3,8 @@ import Input from '../components/Input'
 import { ArrowDown2, Element3, Notification, Wallet } from 'iconsax-react'
 import AvatarImage from '../assets/images/Avatar.png'
 import { useTranslation } from 'react-i18next'
+import { Link } from 'react-router-dom'
+import { Pages } from '../config/Pages'
 
 const Header: FC = () => {
 
@@ -19,7 +21,9 @@ const Header: FC = () => {
             </div>
             <div className='flex gap-6 items-center'>
                 <Element3 size={18} color='black' />
-                <Wallet size={18} color='black' />
+                <Link to={Pages.wallet}>
+                    <Wallet size={18} color='black' />
+                </Link>
                 <Notification size={18} color='black' />
                 <div className='flex gap-2 items-center'>
                     <div className='size-7 rounded-full bg-description overflow-hidden'>