part 1

src/pages/home/Home.tsx

@@ -1,6 +1,6 @@
 import { FC } from 'react'
 import { useTranslation } from 'react-i18next'
-import { ArrowLeft, Element3, Messages3, NotificationStatus, Teacher } from 'iconsax-react'
+import { ArrowLeft, Element3, Messages3, NotificationStatus, Receipt21 } from 'iconsax-react'
 import ItemDashboard from './components/ItemDashboard'
 import TitleLine from '../../components/TitleLine'
 import AccessbilityImage from '../../assets/images/accessbility.jpg'
@@ -73,6 +73,14 @@ const Home: FC = () => {
                         description={t('home.unread_messages')}
                     />
 
+                    <ItemDashboard
+                        title={t('receip.receip')}
+                        icon={<Receipt21 size={20} color='black' />}
+                        color='#0047FF'
+                        count={4}
+                        description={t('home.receip')}
+                    />
+
                     <ItemDashboard
                         title={t('home.announcement')}
                         icon={<NotificationStatus size={20} color='black' />}
@@ -81,14 +89,6 @@ const Home: FC = () => {
                         description={t('home.unread_announcement')}
                     />
 
-                    <ItemDashboard
-                        title={t('home.learnings')}
-                        icon={<Teacher size={20} color='black' />}
-                        color='#0047FF'
-                        count={4}
-                        description={t('home.learning')}
-                    />
-
                 </div>
 
                 <div className='w-full mt-8'>