chore: added platform link to api key settings (#21807)

* added platform link to api key settings

* Update packages/features/ee/api-keys/components/ApiKeyDialogForm.tsx

* Update packages/features/ee/api-keys/components/ApiKeyDialogForm.tsx

* nit

* Update packages/features/ee/api-keys/components/ApiKeyDialogForm.tsx

Co-authored-by: cubic-dev-ai[bot] <191113872+cubic-dev-ai[bot]@users.noreply.github.com>

---------

Co-authored-by: cubic-dev-ai[bot] <191113872+cubic-dev-ai[bot]@users.noreply.github.com>

apps/web/public/static/locales/en/common.json

@@ -1173,6 +1173,7 @@
   "test_failed": "Test failed",
   "provide_api_key": "Provide API key",
   "api_key_modal_subtitle": "API keys allow you to make API calls for your own account.",
+  "api_key_modal_subtitle_platform": "Create a marketplace or platform instead.",
   "api_keys_subtitle": "Generate API keys to use for accessing your own account.",
   "create_api_key": "Create an API key",
   "personal_note": "Name this key",

packages/features/ee/api-keys/components/ApiKeyDialogForm.tsx

@@ -1,9 +1,11 @@
+import Link from "next/link";
 import { useState } from "react";
 import { Controller, useForm } from "react-hook-form";
 
 import dayjs from "@calcom/dayjs";
 import type { TApiKeys } from "@calcom/ee/api-keys/components/ApiKeyListItem";
 import LicenseRequired from "@calcom/ee/common/components/LicenseRequired";
+import { IS_CALCOM } from "@calcom/lib/constants";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { trpc } from "@calcom/trpc/react";
 import { Button } from "@calcom/ui/components/button";
@@ -142,8 +144,23 @@ export default function ApiKeyDialogForm({
             <h2 className="font-semi-bold font-cal text-emphasis text-xl tracking-wide">
               {defaultValues ? t("edit_api_key") : t("create_api_key")}
             </h2>
-            <p className="text-subtle mb-5 mt-1 text-sm">{t("api_key_modal_subtitle")}</p>
+            {IS_CALCOM ? (
+              <div className="mt-4 block gap-2 sm:flex">
+                <div className="border-emphasis relative flex w-full items-start rounded-[10px] border p-4 text-sm">
+                  {t("api_key_modal_subtitle")}
+                </div>
+                <Link
+                  target="_blank" rel="noopener noreferrer"
+                  href="https://cal.com/platform"
+                  className="border-subtle relative flex w-full items-start rounded-[10px] border p-4 text-sm">
+                  {t("api_key_modal_subtitle_platform")}
+                </Link>
+              </div>
+            ) : (
+              <p className="text-subtle mb-5 mt-1 text-sm">{t("api_key_modal_subtitle")}</p>
+            )}
           </div>
+
           <div>
             <Controller
               name="note"