[UBP for individuals] Show personal usage when usage-based billing is configured

[jldec]

This view will live at gitpod.io/usage. The UI should show a tab at the same top level as personal settings, similar to the way team usage lives alongside team settings.

Behavior of the personal usage view should mirror the team usage view, with similar selection of time-range for billed and unbilled usage, and the same details in each colum.

In addition to the "total" credits used, the UI should include the number of "free" credits. If users subtract the free amount, from the total amount, this should result in the total invoiced credits.

[svenefftinge]

Could we consider showing the actual credit entries in the usage view? We should also show the credit entries for the invoice I guess. If we do that users and teams better understand when (and why) they got credits.

[AlexTugarev]

With #12771 merged, there is a Usage component prepared to show personal usage (see gitpod.io/usage once deployed) but there is no menu entry (disabled in code.)

I think the next steps would be to enhance the Usage component as needed, and enable the menu entry once there is a way user would actually be able to enable UB for individuals.

[AlexTugarev]

Also, the PR to re-enable attribution of personal account is merged as well. #12839

[jldec]

Per discussion (internal)

• All usage exploration should happen in the usage view.
• In the scenario where individuals are wondering about their invoice, the usage view needs to match the period they are exploring (which may be mid-month to mid-month - separate issue incoming)
• The usage view does not need to show the amount of free credits or prepaid credits.
• Free or prepaid credit amounts should appear with the Usage Limit in the billing page (together with current total usage as reported to Stripe)