add notification

apps/admin.saladeaula.digital/app/components/app-sidebar.tsx

@@ -3,10 +3,10 @@
 import {
   BookCopyIcon,
   CalendarClockIcon,
-  DollarSign,
+  DollarSignIcon,
   FileBadgeIcon,
   GraduationCap,
-  LayoutDashboard,
+  LayoutDashboardIcon,
   ShieldUserIcon,
   UploadIcon,
   UsersIcon
@@ -26,12 +26,12 @@ const data = {
     {
       title: 'Visão geral',
       url: '/main',
-      icon: LayoutDashboard
+      icon: LayoutDashboardIcon
     },
     {
       title: 'Histórico de compras',
       url: '/orders',
-      icon: DollarSign
+      icon: DollarSignIcon
     }
   ],
   navUser: [

apps/admin.saladeaula.digital/app/components/notification.tsx

@@ -0,0 +1,27 @@
+import { BellIcon } from 'lucide-react'
+
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+} from '@repo/ui/components/ui/popover'
+import { Button } from '@repo/ui/components/ui/button'
+
+export function Notification() {
+  return (
+    <Popover>
+      <PopoverTrigger asChild>
+        <Button
+          variant="link"
+          size="icon"
+          className="cursor-pointer text-muted-foreground"
+        >
+          <BellIcon className="size-4 text-muted-foreground" />
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent align="end" className="w-80">
+        <>Notificações</>
+      </PopoverContent>
+    </Popover>
+  )
+}