Add roles management page and fix display of undefined DNS records

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/3705c82f-e43b-4f22-9226-5c0c10b1b1e8.jpg

client/src/components/layouts/sidebar.tsx

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