Update pricing table and billing configuration

Updated the pricing table component to display all line items for a plan, removed condition to exclude primary plan. Adjusted the type of a billing package in the sample configuration to be "metered" instead of "flat". Made related changes in line-item-details component to handle the changes in billing type and to fix the layout.

apps/web/config/billing.sample.config.ts

@@ -33,7 +33,14 @@ export default createBillingSchema({
               id: 'price_1NNwYHI1i3VnbZTqI2UzaHIe',
               name: 'Addon 2',
               cost: 9.99,
-              type: 'flat' as const,
+              type: 'metered' as const,
+              unit: 'GB',
+              tiers: [
+                {
+                  cost: 0.5,
+                  upTo: 'unlimited',
+                },
+              ],
             },
           ],
         },

apps/web/public/locales/en/billing.json

@@ -39,6 +39,7 @@
   "includedUpTo": "Up to {{upTo}} {{unit}} included in the plan",
   "fromPreviousTierUpTo": "for each {{unit}} for the next {{ upTo }} {{ unit }}",
   "andAbove": "above {{ previousTier }} {{ unit }}",
+  "forEveryUnit": "for every {{ unit }}",
   "setupFee": "plus a {{ setupFee }} setup fee",
   "perUnitIncluded": "({{included}} included)",
   "featuresLabel": "Features",