notifciations issues fixed final

frontend/src/layout/AppSidebar.tsx

@@ -1,5 +1,6 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Link, useLocation } from "react-router-dom";
+import { Bell } from "lucide-react";
 
 // Assume these icons are imported from an icon library
 import {
@@ -174,6 +175,11 @@ const AppSidebar: React.FC = () => {
       {
         label: "ACCOUNT",
         items: [
+          {
+            icon: <Bell className="w-5 h-5" />,
+            name: "Notifications",
+            path: "/account/notifications",
+          },
           {
             icon: <UserCircleIcon />,
             name: "Account Settings",