Add group management functionality to the UI

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/63441577-815e-4410-8435-42f3cd425306.jpg

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

@@ -75,6 +75,12 @@ export function MobileSidebar({ isOpen, onClose }: MobileSidebarProps) {
       icon: <Users className="w-5 h-5 mr-3" />,
       roles: ["admin"],
     },
+    {
+      title: "Groups",
+      href: "/groups",
+      icon: <Users className="w-5 h-5 mr-3" />,
+      roles: ["admin", "manager"],
+    },
     {
       title: "Webhooks",
       href: "/webhooks",

client/src/components/layouts/sidebar.tsx

@@ -17,6 +17,7 @@ import {
   Webhook,
   ClipboardList,
   ShieldAlert,
+  UsersRound,
 } from "lucide-react";
 import { Button } from "@/components/ui/button";
 
@@ -71,6 +72,12 @@ export function Sidebar() {
       icon: <Users className="w-5 h-5 mr-3" />,
       roles: ["admin"],
     },
+    {
+      title: "Groups",
+      href: "/groups",
+      icon: <UsersRound className="w-5 h-5 mr-3" />,
+      roles: ["admin", "manager"],
+    },
     {
       title: "Roles",
       href: "/roles",