I added functioonality to the notifications

src/app/(dashboard)/layout.tsx

@@ -2,6 +2,7 @@
 
 import { AppShell } from "@/components/layout/app-shell"
 import { UserProvider, useUser } from "@/providers/user-provider"
+import { NotificationProvider } from "@/providers/notification-provider"
 import { Loader2 } from "lucide-react"
 
 function DashboardContent({ children }: { children: React.ReactNode }) {
@@ -27,7 +28,9 @@ export default function DashboardLayout({
 }) {
   return (
     <UserProvider>
-      <DashboardContent>{children}</DashboardContent>
+      <NotificationProvider>
+        <DashboardContent>{children}</DashboardContent>
+      </NotificationProvider>
     </UserProvider>
   )
 }

src/app/(dashboard)/leads/new/page.tsx

@@ -29,6 +29,7 @@ import { ArrowLeft } from "lucide-react"
 import { Lead, LeadStatus } from "@/types"
 import { leads } from "@/data/leads"
 import { users } from "@/data/users"
+import { useNotifications } from "@/providers/notification-provider"
 import { LEAD_SOURCES, LEAD_STATUSES } from "@/lib/constants"
 
 const leadFormSchema = z.object({
@@ -46,6 +47,7 @@ type LeadFormValues = z.infer<typeof leadFormSchema>
 
 export default function CreateLeadPage() {
   const router = useRouter()
+  const { addNotification } = useNotifications()
   const [saving, setSaving] = useState(false)
 
   const form = useForm<LeadFormValues>({
@@ -84,6 +86,12 @@ export default function CreateLeadPage() {
     }
 
     leads.unshift(newLead)
+    addNotification(
+      "lead_created",
+      "New Lead Created",
+      `${newLead.companyName} — ${newLead.contactName}`,
+      `/leads/${newLead.id}`
+    )
     router.push("/leads")
   }
 

src/app/(dashboard)/users/page.tsx

@@ -1,15 +1,29 @@
 "use client"
 
-import { useState } from "react"
+import { useState, useMemo } from "react"
 import { PageHeader } from "@/components/shared/page-header"
 import { UsersTable } from "@/components/users/users-table"
 import { UserFormDialog } from "@/components/users/user-form-dialog"
 import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
 import { users } from "@/data/users"
-import { Plus, Users as UsersIcon } from "lucide-react"
+import { useUser } from "@/providers/user-provider"
+import { Plus, Search, Users as UsersIcon } from "lucide-react"
 
 export default function UsersPage() {
+  const { user } = useUser()
   const [createOpen, setCreateOpen] = useState(false)
+  const [search, setSearch] = useState("")
+
+  const filteredUsers = useMemo(() => {
+    if (!search) return users
+    const q = search.toLowerCase()
+    return users.filter(
+      (u) =>
+        u.name.toLowerCase().includes(q) ||
+        u.email.toLowerCase().includes(q)
+    )
+  }, [search])
 
   return (
     <div className="space-y-4">
@@ -17,10 +31,12 @@ export default function UsersPage() {
         title="Users"
         description="Manage team members and their roles"
       >
-        <Button className="gap-2" onClick={() => setCreateOpen(true)}>
-          <Plus className="h-4 w-4" />
-          Add User
-        </Button>
+        {user?.role === "super_admin" && (
+          <Button className="gap-2" onClick={() => setCreateOpen(true)}>
+            <Plus className="h-4 w-4" />
+            Add User
+          </Button>
+        )}
       </PageHeader>
 
       <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-4 mb-6">
@@ -70,8 +86,18 @@ export default function UsersPage() {
         </div>
       </div>
 
+      <div className="relative">
+        <Search className="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
+        <Input
+          placeholder="Search by name or email..."
+          value={search}
+          onChange={(e) => setSearch(e.target.value)}
+          className="h-9 pl-9"
+        />
+      </div>
+
       <div className="rounded-lg border bg-card">
-        <UsersTable data={users} />
+        <UsersTable data={filteredUsers} />
       </div>
 
       <UserFormDialog open={createOpen} onOpenChange={setCreateOpen} />