add metered products usage (#11452)

- add metered products usage module on settings/billing page
- add new resolver + logic with meter event data fetching from Stripe

<img width="590" alt="Screenshot 2025-04-08 at 16 34 07"
src="https://github.com/user-attachments/assets/34327af1-3482-4d61-91a6-e2dbaeb017ab"
/>
<img width="570" alt="Screenshot 2025-04-08 at 16 31 58"
src="https://github.com/user-attachments/assets/55aa221a-925f-48bf-88c4-f20713c79962"
/>

- bonus : disable subscription switch from yearly to monthly

closes https://github.com/twentyhq/core-team-issues/issues/681

packages/twenty-front/src/modules/billing/graphql/getMeteredProductsUsage.ts

@@ -0,0 +1,13 @@
+import { gql } from '@apollo/client';
+
+export const GET_METERED_PRODUCTS_USAGE = gql`
+  query GetMeteredProductsUsage {
+    getMeteredProductsUsage {
+      productKey
+      usageQuantity
+      includedFreeQuantity
+      unitPriceCents
+      totalCostCents
+    }
+  }
+`;

packages/twenty-front/src/modules/billing/graphql/switchSubscriptionToYearlyInterval.ts

@@ -0,0 +1,9 @@
+import { gql } from '@apollo/client';
+
+export const SWITCH_SUBSCRIPTION_TO_YEARLY_INTERVAL = gql`
+  mutation SwitchSubscriptionToYearlyInterval {
+    switchToYearlyInterval {
+      success
+    }
+  }
+`;

packages/twenty-front/src/modules/billing/graphql/updateBillingSubscription.ts

@@ -1,9 +0,0 @@
-import { gql } from '@apollo/client';
-
-export const UPDATE_BILLING_SUBSCRIPTION = gql`
-  mutation UpdateBillingSubscription {
-    updateBillingSubscription {
-      success
-    }
-  }
-`;