add some more icons

src/app/[orgId]/settings/resources/[resourceId]/components/ResourceInfoBox.tsx

@@ -48,7 +48,7 @@ export default function ResourceInfoBox({}: ResourceInfoBoxType) {
                             href={fullUrl}
                             target="_blank"
                             rel="noopener noreferrer"
-                            className="text-sm font-mono flex-grow hover:underline"
+                            className="text-sm font-mono flex-grow hover:underline truncate"
                         >
                             {fullUrl}
                         </a>

src/app/[orgId]/settings/resources/[resourceId]/layout.tsx

@@ -6,7 +6,7 @@ import { redirect } from "next/navigation";
 import { authCookieHeader } from "@app/api/cookies";
 import { SidebarSettings } from "@app/components/SidebarSettings";
 import Link from "next/link";
-import { ArrowLeft } from "lucide-react";
+import { ArrowLeft, Cloud, Settings, Shield } from "lucide-react";
 import SettingsSectionTitle from "@app/components/SettingsSectionTitle";
 import { GetOrgResponse } from "@server/routers/org";
 import OrgProvider from "@app/providers/OrgProvider";
@@ -60,14 +60,17 @@ export default async function ResourceLayout(props: ResourceLayoutProps) {
         {
             title: "General",
             href: `/{orgId}/settings/resources/{resourceId}/general`,
+            icon: <Settings className="w-4 h-4" />,
         },
         {
             title: "Connectivity",
             href: `/{orgId}/settings/resources/{resourceId}/connectivity`,
+            icon: <Cloud className="w-4 h-4" />,
         },
         {
             title: "Authentication",
             href: `/{orgId}/settings/resources/{resourceId}/authentication`,
+            icon: <Shield className="w-4 h-4" />,
         },
     ];