chore: tweak sso docs

frontend/web/src/components/setting/SSOSection.tsx

@@ -54,9 +54,17 @@ const SSOSection = () => {
     <>
       <div className="w-full flex flex-col gap-2 pt-2 pb-4">
         <div className="w-full flex flex-row justify-between items-center gap-1">
-          <div className="flex flex-row items-center gap-1">
+          <div className="flex flex-row justify-start items-center">
             <span className="font-medium dark:text-gray-400">SSO</span>
             <FeatureBadge className="w-5 h-auto ml-1 text-blue-600" feature={FeatureType.SSO} />
+            <a
+              className="text-blue-600 text-sm hover:underline flex flex-row justify-center items-center ml-2"
+              href="https://github.com/yourselfhosted/slash/blob/main/docs/getting-started/sso.md"
+              target="_blank"
+            >
+              <span>Learn more</span>
+              <Icon.ExternalLink className="ml-1 w-4 h-auto inline" />
+            </a>
           </div>
           <Button
             variant="outlined"