website/docs: fix order of steps on bookstack integration

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>

web/src/pages/providers/saml/SAMLProviderViewPage.ts

@@ -134,7 +134,7 @@ export class SAMLProviderViewPage extends LitElement {
                                         </dt>
                                         <dd class="pf-c-description-list__description">
                                             <div class="pf-c-description-list__text">
-                                                ${this.provider.audience}
+                                                ${this.provider.audience || "-"}
                                             </div>
                                         </dd>
                                     </div>

website/docs/integrations/services/bookstack/index.md

@@ -39,15 +39,26 @@ All other options as default.
 
 ![](./authentik_saml_bookstack.png)
 
-Save your settings, and obtain your Metadata URL from Authentik.
+### Step 2
+
+In authentik, create an application which uses this provider. Optionally apply access restrictions to the application using policy bindings.
+
+- Name: Bookstack
+- Slug: bookstack
+- Provider: Bookstack
+- Launch URL: https://book.company
+
+### Step 3
+
+Obtain your Metadata URL from Authentik.
 
 1. Click on the BookStack Provider
 2. Click the Metadata Tab
-3. Click Copy download URL (This URL is the `METADATAURL` required in Step 2)
+3. Click Copy download URL (This URL is the `METADATAURL` required in Step 4)
 
 ![](./metadataurl.png)
 
-### Step 2
+### Step 4
 
 Edit the `.env` file inside of the `www` folder of Bookstack.
 
@@ -64,7 +75,7 @@ SAML2_EMAIL_ATTRIBUTE=email
 # Name of the attribute to use as an ID for the SAML user.
 SAML2_EXTERNAL_ID_ATTRIBUTE=uid
 # Name of the attribute(s) to use for the user's display name
-# Can have mulitple attributes listed, separated with a '|' in which
+# Can have multiple attributes listed, separated with a '|' in which
 # case those values will be joined with a space.
 # Example: SAML2_DISPLAY_NAME_ATTRIBUTES=firstName|lastName
 # Defaults to the ID value if not found.
@@ -81,15 +92,6 @@ SAML2_AUTOLOAD_METADATA=true
 Bookstack Reference link: https://www.bookstackapp.com/docs/admin/saml2-auth/
 :::
 
-### Step 3
-
-In authentik, create an application which uses this provider. Optionally apply access restrictions to the application using policy bindings.
-
-- Name: Bookstack
-- Slug: bookstack
-- Provider: Bookstack
-- Launch URL: https://book.company
-
 ## Notes
 
 :::note