Add `PipelineUsageApp` behind feature flag

What does this MR do and why?

Relates to: https://gitlab.com/gitlab-org/gitlab/-/issues/345373

As part of the bigger effort to have a common layout for Usage Quotas we need to migrate the pipelines tab to vue.

The Whole app has been developed but not attached to the page. This MR attaches PipelineUsageApp if usage_quotas_pipelines_vue Feature Flag is on.

MR	Description
!83021 (merged)	Creation of the component and Buy Additional Minutes button
!84711 (merged)	Add project list and their CI usage
!85917 (merged)	Add namespace usage overview
!86112 (merged)	Move usage graphs inside PipelineUsageApp
!86122 (merged)	👈 You're here

Screenshots or screen recordings

Group Usage Quotas

• http://gdk.test:3000/groups/group1/-/usage_quotas#pipelines-quota-tab

Before	After

Profile Usage Quotas

• http://gdk.test:3000/-/profile/usage_quotas#pipelines-quota-tab

Before	After

How to set up and validate locally

To turn the Feature Flag on:

1. Go to rails console (rails c)
2. Feature.enable(:usage_quotas_pipelines_vue)
3. or Feature.disable(:usage_quotas_pipelines_vue)

To compare the screenshots with your local instance:

1. Make sure your Simulating SaaS
2. Make sure that you are running GitLab as SaaS and have check_namespace_plan setting enabled

   ::Gitlab::CurrentSettings.update(check_namespace_plan: true)

3. Visit Usage Quotas page:
   1. Group: http://gdk.test:3000/groups/<group-id>/-/usage_quotas#pipelines-quota-tab
   2. Profile: http://gdk.test:3000/-/profile/usage_quotas#pipelines-quota-tab
4. To add some data:
   1. Project:
      1. Create data: Ci::Minutes::ProjectMonthlyUsage.new(project_id: 123, date: Date.new(2022, 05, 01), amount_used: 70).save
      2. Update data: Ci::Minutes::ProjectMonthlyUsage.where(project_id: 123, date: Date.new(2022, 05, 01)).update(amount_used: 70)
   2. Namespace:
      1. Create data: Ci::Minutes::NamespaceMonthlyUsage.new(namespace_id: 321, date: Date.new(2022, 05, 01), amount_used: 70).save
      2. Update data: Ci::Minutes::NamespaceMonthlyUsage.where(namespace_id: 321, date: Date.new(2022, 05, 01)).update(amount_used: 70)
5. Verify that the data is showing correctly

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.