Add Zendesk connector logo and connect dialog

Add the Zendesk brand mark under ThirdParties and wire it into the
logo map. Because the customer subdomain is free-form (not a fixed
region list), the connect flow opens a dialog with a subdomain text
input that is sanitized and passed as ?site= to the OAuth initiate
endpoint, mirroring the Datadog multi-site dialog.

Signed-off-by: Aurélien Sibiril <81782+aureliensibiril@users.noreply.github.com>

packages/ui/src/Atoms/ThirdParties/ThirdPartyLogo.tsx

@@ -51,6 +51,7 @@ import { Supabase } from "./Supabase";
 import { Tailscale } from "./Tailscale";
 import { Tally } from "./Tally";
 import { Vercel } from "./Vercel";
+import { Zendesk } from "./Zendesk";
 
 const thirdParties: Record<string, FC<ComponentProps<"svg">>> = {
   ANTHROPIC: Anthropic,
@@ -93,6 +94,7 @@ const thirdParties: Record<string, FC<ComponentProps<"svg">>> = {
   TAILSCALE: Tailscale,
   TALLY: Tally,
   VERCEL: Vercel,
+  ZENDESK: Zendesk,
 };
 
 type ThirdPartyLogoProps = ComponentProps<"svg"> & {

packages/ui/src/Atoms/ThirdParties/Zendesk.tsx

@@ -0,0 +1,12 @@
+import type { ComponentProps } from "react";
+
+export function Zendesk(props: ComponentProps<"svg">) {
+  return (
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        d="M12.914 2.904V16.29L24 2.905H12.914zM0 2.906C0 5.966 2.483 8.45 5.543 8.45s5.542-2.484 5.543-5.544H0zm11.086 4.807L0 21.096h11.086V7.713zm7.37 7.84c-3.063 0-5.542 2.48-5.542 5.543H24c0-3.06-2.48-5.543-5.543-5.543z"
+        fill="#03363D"
+      />
+    </svg>
+  );
+}

packages/ui/src/Atoms/ThirdParties/index.ts

@@ -36,3 +36,4 @@ export { Tally } from "./Tally";
 export { Tailscale } from "./Tailscale";
 export { ThirdPartyLogo } from "./ThirdPartyLogo";
 export { Vercel } from "./Vercel";
+export { Zendesk } from "./Zendesk";