[TASK] Stripe frontend tasks

[Mario-SO]

Description

The UI needed to handle all pricing and user interactions once subscribed and also when not subscribed.

Related User Story

Related User Story #968

Objectives

• [ ] Create a Pricing page in the sidebar.
• [ ] Create a Get more hours (or however we want to call it) button in the navbar if user is not subscribed or it ran out of hours
• [ ] Create the pricing cards with the different features for each subscription tier
• [ ] Create the dialog when a non-subscribed user, or a user with no more hours, clicks on any feature.
• [ ] Add an Hours Consumed/x badge to let users know how many hours they have left.

Acceptance Criteria

• [ ] consumedHours field from the new Org model in the UI must be read in realtime.

Additional Information

For this kind of implementation maybe a global context, that knows wether the user (Organization) is subscribed, that wraps all the app is the way to go (needs discussion)

I can provide the code of this pricing section.