UI: [VAULT-19160 VAULT-19159] Dashboard card order, minor cleanup tasks, and update page header

[kiannaquach]

Description

• updated the original .is-flex-1 class to .is-flex-grow-1 and updated all the files that use is-flex-1 to is-flex-grow-1.

// ORIGINAL CLASS
.is-flex-1 {
  flex-grow: 1;
  &.basis-0 {
    flex-basis: 0;
  }
}

// UPDATED CLASS
.is-flex-grow-1 {
  flex-grow: 1;
  &.basis-0 {
    flex-basis: 0;
  }
}

• the class I added was called is-flex-1 since that class only contained the flex: 1 property. is-flex-1 makes more sense here. Please let me know if I should do this in a separate PR or keep the original class the way it was and rename my class to something else.

// CLASS ADDED/UPDATED
.is-flex-1 {
	flex: 1;
}

• Move the HDS::Card::Container into the respective components (secrets-engines-card, quick-actions-card, vault-configuration-card, client-count-card, replication-card, and learn-more-card) rather than having it live in the dashboard route template
• Updated kv quick actions form label to be title-cased rather than capitalized
• Added a secrets-engines-card.scss file to add a height for the secrets engines card.

• Updated the ordering of the cards on Enterprise:

• Updated the ordering on OSS:

• VAULT-19159 Use PageHeader component so the margin matches other pages
  Before:

After:

[github-actions]

Build Results:
All builds succeeded! ✅

[Monkeychip]

A couple of non-blocking comments. Thanks!