reports done

src/Pages/Notification/Notification.jsx

@@ -57,6 +57,11 @@ const Notification = () => {
         setNotifications(notifications.filter(notification => notification.id !== id));
     };
 
+    // Handler to delete all notifications
+    const handleDeleteAll = () => {
+        setNotifications([]);
+    };
+
     return (
         <Box h="100%" p={4} {...OPACITY_ON_LOAD} overflowY="auto">
             <HStack alignItems={"start"} justifyContent={"space-between"}>
@@ -86,9 +91,10 @@ const Notification = () => {
                         py={1}
                         rounded={"md"}
                         color={"#EE1B24"}
+                        onClick={handleDeleteAll}
                     >
                         <Icon as={MdDeleteOutline} boxSize={3} />
-                        <Text mb={0} ms={1} fontSize={"xs"} fontWeight={500}>Mark as read</Text>
+                        <Text mb={0} ms={1} fontSize={"xs"} fontWeight={500}>Delete All</Text>
                     </HStack>
                 </HStack>
             </HStack>

src/Routes/Nav.js

@@ -141,13 +141,13 @@ export const nav = [
   {
     title: "Notification",
     type: "single",
-    path: "/home",
+    path: "/notification",
     Icon: TbAlignBoxBottomCenter,
   },
   {
     title: "Settings",
     type: "single",
-    path: "/home",
+    path: "/setting",
     Icon: IoSettingsOutline,
   },
   // {