Add webhook management features to the sidebar

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 9111ef36-26c8-4085-84ca-a35dc1fec1b5
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/7083d608-d6d3-4a6a-9a27-6286c5109627/0f0c0de8-0b88-4bd0-8d02-63ab615f5d3d.jpg

client/src/components/layouts/mobile-sidebar.tsx

@@ -14,6 +14,8 @@ import {
   CreditCard,
   X,
   LogOut,
+  Webhook,
+  ClipboardList,
 } from "lucide-react";
 import { Button } from "@/components/ui/button";
 
@@ -73,6 +75,18 @@ export function MobileSidebar({ isOpen, onClose }: MobileSidebarProps) {
       icon: <Users className="w-5 h-5 mr-3" />,
       roles: ["admin"],
     },
+    {
+      title: "Webhooks",
+      href: "/webhooks",
+      icon: <Webhook className="w-5 h-5 mr-3" />,
+      roles: ["admin", "manager"],
+    },
+    {
+      title: "Webhook Logs",
+      href: "/webhook-logs",
+      icon: <ClipboardList className="w-5 h-5 mr-3" />,
+      roles: ["admin", "manager"],
+    },
     {
       title: "Providers",
       href: "/providers",

client/src/components/layouts/sidebar.tsx

@@ -14,6 +14,8 @@ import {
   Settings,
   CreditCard,
   LogOut,
+  Webhook,
+  ClipboardList,
 } from "lucide-react";
 import { Button } from "@/components/ui/button";
 
@@ -68,6 +70,18 @@ export function Sidebar() {
       icon: <Users className="w-5 h-5 mr-3" />,
       roles: ["admin"],
     },
+    {
+      title: "Webhooks",
+      href: "/webhooks",
+      icon: <Webhook className="w-5 h-5 mr-3" />,
+      roles: ["admin", "manager"],
+    },
+    {
+      title: "Webhook Logs",
+      href: "/webhook-logs",
+      icon: <ClipboardList className="w-5 h-5 mr-3" />,
+      roles: ["admin", "manager"],
+    },
     {
       title: "Providers",
       href: "/providers",