Adding tooltip to sidebar icons

Author: tnylea

resources/js/components/nav-main.tsx

@@ -10,7 +10,10 @@ export function NavMain({ items = [] }: { items: NavItem[] }) {
             <SidebarMenu>
                 {items.map((item) => (
                     <SidebarMenuItem key={item.title}>
-                        <SidebarMenuButton asChild isActive={item.href === page.url}>
+                        <SidebarMenuButton  
+                            asChild isActive={item.href === page.url}
+                            tooltip={{ children: item.title }}
+                            >
                             <Link href={item.href} prefetch>
                                 {item.icon && <item.icon />}
                                 <span>{item.title}</span>