add learn more link

src/components/IdpAutoProvisionUsersDescription.tsx

@@ -0,0 +1,29 @@
+"use client";
+
+import { useTranslations } from "next-intl";
+
+const AUTO_PROVISION_DOCS_URL =
+    "https://docs.pangolin.net/manage/identity-providers/auto-provisioning";
+
+type IdpAutoProvisionUsersDescriptionProps = {
+    className?: string;
+};
+
+export default function IdpAutoProvisionUsersDescription({
+    className
+}: IdpAutoProvisionUsersDescriptionProps) {
+    const t = useTranslations();
+    return (
+        <span className={className}>
+            {t("idpAutoProvisionUsersDescription")}{" "}
+            <a
+                href={AUTO_PROVISION_DOCS_URL}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="text-primary hover:underline"
+            >
+                {t("learnMore")}
+            </a>
+        </span>
+    );
+}