updated the mark all read for notification

src/components/organism/Header/Notification.tsx

@@ -105,6 +105,7 @@ export default function NotificationPage({
                                             Notifications
                                         </Typography>
                                         {pagination && pagination?.count > 2 ? <Link href={"#"} className='text-[12px] leading-[120%] hover:text-primary-dark font-medium'>View All</Link> : ""}
+                                        <Link href={"#"} className='text-[12px] leading-[120%] text-primary hover:text-primary-dark font-medium'>Mark All Read</Link>
                                     </div>
                                     {
                                         notifications.length ? (
@@ -114,8 +115,8 @@ export default function NotificationPage({
                                                         const { date, time } = formatDateTime(notification.created_at);
                                                         return (
                                                             <ListItem className={`border-b-solid border-b-gray-100 border-b-[1px] rounded-sm !p-2 cursor-pointer ${notification.has_read ? "" : "bg-gray-100"} ${index > 0 ? "mb-2 " : ""}`} key={notification.id} onClick={() => handleNotificationClick(notification.id)}>
-                                                                <p className='text-[12px] lg:text-[14px] leading-[120%] text-title'>{notification.message}</p>
-                                                                <p className='text-[8px] mt-1 lg:text-[14px] leading-[120%] text-para-light'>{date}</p>
+                                                                <p className='text-[12px] lg:text-[14px] leading-[120%] text-title line-clamp-2'>{notification.message}</p>
+                                                                <p className='!text-[8px] mt-1 lg:text-[12px] leading-[120%] text-para-light'>{date}</p>
                                                             </ListItem>
                                                         )
                                                     })