add notification

packages/ui/src/components/nav-user.tsx

@@ -1,6 +1,7 @@
 'use client'
 
 import {
+  ChevronDown,
   CirclePlayIcon,
   DollarSignIcon,
   GraduationCapIcon,
@@ -71,9 +72,12 @@ export function NavUser({
   return (
     <DropdownMenu>
       <DropdownMenuTrigger className="cursor-pointer" asChild>
-        <Avatar className="size-10">
-          <AvatarFallback>{initials(user.name)}</AvatarFallback>
-        </Avatar>
+        <div className="relative">
+          <Avatar className="size-10">
+            <AvatarFallback>{initials(user.name)}</AvatarFallback>
+          </Avatar>
+          <ChevronDown className="size-3.5 absolute -bottom-px -right-px bg-neutral-700 border border-background rounded-full px-px" />
+        </div>
       </DropdownMenuTrigger>
       <DropdownMenuContent
         className="w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg"