Add documentation for OIDC

docs/development/development-environment/docker/README.md

@@ -466,7 +466,7 @@ Once the keycloak service is started and running, you can access the keycloak in
 and login with initial username and password as `admin`.
 
 Keycloak being an OpenID connect provider, we need to setup an OIDC integration for OpenProject.
-[Setup OIDC (keycloak) integration for OpenProject](../../../installation-and-operations/misc/custom-openid-connect-providers/#keycloak)
+[Setup OIDC (keycloak) integration for OpenProject](../../../system-admin-guide/authentication/openid-providers/)
 
 Once the above setup is completed, In the root `docker-compose.override.yml` file, uncomment all the environment in `backend` service for keycloak and set the values according to configuration done in keycloak for OpenProject Integration.
 

docs/system-admin-guide/authentication/authentication-faq/README.md

@@ -46,8 +46,8 @@ We support all authentication providers that support the SAML and  OpenID Connec
 
 ## Is it possible to use a custom SSO provider (e.g. Keycloak) with the Enterprise cloud edition?
 
-It is possible to use Keycloak, but you can't configure it yourself at the moment as there's no user interface (UI) for custom SSO providers. We can set up the custom provider for you. Then you can access and edit it in the administration. You will be able to enter client ID and client secret via the OpenProject UI.
-For context: The connection of custom SSO providers is also described [here](../../../installation-and-operations/misc/custom-openid-connect-providers/#custom-openid-connect-providers) (however, we would enter this configuration for your Enterprise cloud environment).
+It is possible to use Keycloak, Okta, or other OpenID Connect providers with the user interface (UI) for custom SSO providers. 
+For context: The connection of custom SSO providers is also described [here](../openid-providers/).
 
 ## I want to connect AD and LDAP to OpenProject. Which attribute for authentication sources does OpenProject use?
 

modules/openid_connect/app/components/openid_connect/providers/row_component.rb

@@ -14,19 +14,33 @@ def column_args(column)
       end
 
       def name
-        link = render(
-          Primer::Beta::Link.new(
-            href: url_for(action: :edit, id: provider.id),
-            font_weight: :bold,
-            mr: 1
-          )
-        ) { provider.display_name }
-        if !provider.configured?
-          link.concat(
-            render(Primer::Beta::Label.new(scheme: :attention)) { I18n.t(:label_incomplete) }
-          )
+        concat(provider_name)
+        unless provider.configured?
+          concat(incomplete_label)
         end
-        link
+      end
+
+      def provider_name
+        render(Primer::OpenProject::FlexLayout.new) do |layout|
+          layout.with_row do
+            render(
+              Primer::Beta::Link.new(
+                href: url_for(action: :edit, id: provider.id),
+                font_weight: :bold,
+                mr: 1
+              )
+            ) { provider.display_name }
+          end
+          layout.with_row do
+            render(Primer::Beta::Text.new(font_size: :small, color: :subtle)) do
+              provider.callback_url
+            end
+          end
+        end
+      end
+
+      def incomplete_label
+        render(Primer::Beta::Label.new(scheme: :attention)) { I18n.t(:label_incomplete) }
       end
 
       def type