web: fix mismatched button labels for boundpolicy and boundstage list (#10551)

* remove wrong help text for multi select

Signed-off-by: Jens Langhammer <jens@goauthentik.io>

* make labelling for create and and bind existing more consistent

Signed-off-by: Jens Langhammer <jens@goauthentik.io>

* fix oobe missing label

Signed-off-by: Jens Langhammer <jens@goauthentik.io>

* fix application library empty state not shown

Signed-off-by: Jens Langhammer <jens@goauthentik.io>

* fix missing formatting for title on access denied stage

Signed-off-by: Jens Langhammer <jens@goauthentik.io>

---------

Signed-off-by: Jens Langhammer <jens@goauthentik.io>

web/src/admin/flows/BoundStagesList.ts

@@ -125,13 +125,18 @@ export class BoundStagesList extends Table<FlowStageBinding> {
             html`<ak-empty-state header=${msg("No Stages bound")} icon="pf-icon-module">
                 <div slot="body">${msg("No stages are currently bound to this flow.")}</div>
                 <div slot="primary">
+                    <ak-stage-wizard
+                        createText=${msg("Create and bind Stage")}
+                        ?showBindingPage=${true}
+                        bindingTarget=${ifDefined(this.target)}
+                    ></ak-stage-wizard>
                     <ak-forms-modal>
                         <span slot="submit"> ${msg("Create")} </span>
                         <span slot="header"> ${msg("Create Stage binding")} </span>
                         <ak-stage-binding-form slot="form" targetPk=${ifDefined(this.target)}>
                         </ak-stage-binding-form>
                         <button slot="trigger" class="pf-c-button pf-m-primary">
-                            ${msg("Bind stage")}
+                            ${msg("Bind existing stage")}
                         </button>
                     </ak-forms-modal>
                 </div>