chore: tweaks for SAML config in profile page (#8130)

ui/app/(prowler)/profile/page.tsx

@@ -85,9 +85,7 @@ const SSRDataUser = async () => {
         </div>
       </div>
       <div className="w-full pr-0 lg:w-2/3 xl:w-1/2 xl:pr-3">
-        {samlConfig.data?.length > 0 && (
-          <SamlIntegrationCard id={samlConfig.data[0]?.id} />
-        )}
+        <SamlIntegrationCard id={samlConfig.data[0]?.id} />
       </div>
     </div>
   );

ui/components/integrations/saml-integration-card.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { Card, CardBody, CardHeader } from "@nextui-org/react";
+import { Link } from "@nextui-org/react";
 import { CheckIcon } from "lucide-react";
 import { useState } from "react";
 
@@ -29,9 +30,21 @@ export const SamlIntegrationCard = ({ id }: { id: string }) => {
               {id && <CheckIcon className="text-prowler-green" size={20} />}
             </div>
             <p className="text-xs text-gray-500">
-              {id
-                ? "SAML Single Sign-On is enabled for this organization"
-                : "Configure SAML Single Sign-On for secure authentication"}
+              {id ? (
+                "SAML Single Sign-On is enabled for this organization"
+              ) : (
+                <>
+                  Configure SAML Single Sign-On for secure authentication.{" "}
+                  <Link
+                    target="_blank"
+                    href="https://docs.prowler.com/projects/prowler-open-source/en/latest/tutorials/prowler-app-sso"
+                    rel="noopener noreferrer"
+                    className="text-xs font-medium text-primary"
+                  >
+                    Read the docs
+                  </Link>
+                </>
+              )}
             </p>
           </div>
         </CardHeader>