Add custom domain UI

Signed-off-by: Bryan Frimin <bryan@getprobo.com>

apps/console/src/pages/organizations/SettingsPage.tsx

@@ -37,6 +37,7 @@ import { InviteUserDialog } from "/components/organizations/InviteUserDialog";
 import { useDeleteOrganizationMutation } from "/hooks/graph/OrganizationGraph";
 import { useNavigate } from "react-router";
 import { DeleteOrganizationDialog } from "/components/organizations/DeleteOrganizationDialog";
+import { CustomDomainManager } from "/components/customDomains/CustomDomainManager";
 
 const organizationSchema = z.object({
   name: z.string().min(1, "Organization name is required"),
@@ -321,6 +322,12 @@ export default function SettingsPage({ queryRef }: Props) {
         </Card>
       </div>
 
+      {/* Custom Domains */}
+      <div className="space-y-4">
+        <h2 className="text-base font-medium">{__("Custom Domains")}</h2>
+        <CustomDomainManager />
+      </div>
+
       <div className="space-y-4">
         <h2 className="text-base font-medium text-red-600">{__("Danger Zone")}</h2>
         <Card padded className="border-red-200 flex items-center gap-3">