Fix tabs: add import statements, specify value, spacing

docs/en/admin-settings/authentication/keycloak-saml/keycloak-saml.md

@@ -4,6 +4,9 @@ description: Create a Keycloak SAML client and configure Rancher to work with Ke
 weight: 1200
 ---
 
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
 If your organization uses Keycloak Identity Provider (IdP) for user authentication, you can configure Rancher to allow your users to log in using their IdP credentials.
 
 ## Prerequisites
@@ -35,11 +38,13 @@ If your organization uses Keycloak Identity Provider (IdP) for user authenticati
 ## Getting the IDP Metadata
 
 <Tabs>
-<TabItem label="Keycloak 5 and earlier">
+<TabItem value="Keycloak 5 and earlier">
+
 To get the IDP metadata, export a `metadata.xml` file from your Keycloak client.
 From the **Installation** tab, choose the **SAML Metadata IDPSSODescriptor** format option and download your file.
+
 </TabItem>
-<TabItem label="Keycloak 6-13">
+<TabItem value="Keycloak 6-13">
 
 1. From the **Configure** section, click the **Realm Settings** tab.
 1. Click the **General** tab.
@@ -78,7 +83,7 @@ You are left with something similar as the example below:
 ```
 
 </TabItem>
-<TabItem label="Keycloak 14+">
+<TabItem value="Keycloak 14+">
 
 1. From the **Configure** section, click the **Realm Settings** tab.
 1. Click the **General** tab.
@@ -117,7 +122,7 @@ The following is an example process for Firefox, but will vary slightly for othe
     Rancher redirects you to the IdP login page. Enter credentials that authenticate with Keycloak IdP to validate your Rancher Keycloak configuration.
 
     :::note
-    
+
     You may have to disable your popup blocker to see the IdP login page.
 
     :::