feat: add Snipe-IT asset synchronization

resources/js/components/app-sidebar.tsx

@@ -1,9 +1,10 @@
-import { Link } from '@inertiajs/react';
+import { Link, usePage } from '@inertiajs/react';
 import {
     CalendarDays,
     LayoutGrid,
     PackageSearch,
     PlusCircle,
+    ServerCog,
     ShieldCheck,
 } from 'lucide-react';
 import AppLogo from '@/components/app-logo';
@@ -45,6 +46,18 @@ const footerNavItems: NavItem[] = [
 ];
 
 export function AppSidebar() {
+    const { can } = usePage().props;
+    const visibleNavItems = can.administer
+        ? [
+              ...mainNavItems,
+              {
+                  title: 'Integração Snipe-IT',
+                  href: '/administracao/snipe-it',
+                  icon: ServerCog,
+              },
+          ]
+        : mainNavItems;
+
     return (
         <Sidebar collapsible="icon" variant="inset">
             <SidebarHeader>
@@ -60,7 +73,7 @@ export function AppSidebar() {
             </SidebarHeader>
 
             <SidebarContent>
-                <NavMain items={mainNavItems} />
+                <NavMain items={visibleNavItems} />
             </SidebarContent>
 
             <SidebarFooter>