Move usage quota preview alert above breadcrumbs

What does this MR do and why?

• moves usage quota preview alert above breadcrumbs as discussed in #367902 (comment 1054599456)
  • this means it will be a page level alert and seen on all tabs of the usage quota page
• moves usage quota preview alert from Vue to ViewComponent as it will enable ease of sharing combined storage + user limit messaging as seen in this MR - !92463 (closed)
• moves the dismissal from cookie based to database persistence instead

Screenshots or screen recordings

• no change to alert copy

header	header

How to set up and validate locally

Set up your environment to simulate SaaS with subscriptions and enable the feature flag

export GITLAB_SIMULATE_SAAS=1
bin/rails c

ApplicationSetting.first.update(check_namespace_plan: true)
Feature.enable(:preview_free_user_cap)

Then go to the group Usage Quota page http://localhost:3000/groups/GROUP_NAME/-/usage_quotas#seats-quota-tab of a free group.

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

• I have evaluated the MR acceptance checklist for this MR.

Related to #367902 (closed)