feat: add transactional approval workflow

resources/js/components/app-sidebar.tsx

@@ -3,6 +3,7 @@ import {
     CalendarDays,
     CalendarRange,
     LayoutGrid,
+    ListChecks,
     PackageSearch,
     PlusCircle,
     ServerCog,
@@ -53,16 +54,26 @@ const footerNavItems: NavItem[] = [
 
 export function AppSidebar() {
     const { can } = usePage().props;
-    const visibleNavItems = can.administer
+    const roleNavItems = can.approveReservations
         ? [
               ...mainNavItems,
+              {
+                  title: 'Aprovações',
+                  href: '/aprovacoes',
+                  icon: ListChecks,
+              },
+          ]
+        : mainNavItems;
+    const visibleNavItems = can.administer
+        ? [
+              ...roleNavItems,
               {
                   title: 'Integração Snipe-IT',
                   href: '/administracao/snipe-it',
                   icon: ServerCog,
               },
           ]
-        : mainNavItems;
+        : roleNavItems;
 
     return (
         <Sidebar collapsible="icon" variant="inset">