[dashboard] Implement Stripe portal to allow usage-based customers to manage their subscription

Author: jankeromnes

components/dashboard/src/teams/TeamUsageBasedBilling.tsx

@@ -144,9 +144,9 @@ export default function TeamUsageBasedBilling() {
                             <div className="text-xl font-semibold flex-grow text-gray-600 dark:text-gray-400">
                                 Active
                             </div>
-                            {/* <button className="self-end secondary" disabled={true}>
+                            <button className="self-end secondary" disabled={true}>
                                 Manage →
-                            </button> */}
+                            </button>
                         </>
                     )}
                 </div>
@@ -156,6 +156,13 @@ export default function TeamUsageBasedBilling() {
     );
 }
 
+//   (Node.js)
+//   const session = await stripe.billingPortal.sessions.create({
+//     customer: '{{CUSTOMER_ID}}',
+//     return_url: 'https://example.com/account',
+//   });
+//   res.redirect(session.url);
+
 function BillingSetupModal(props: { onClose: () => void }) {
     const { isDark } = useContext(ThemeContext);
     const [stripePromise, setStripePromise] = useState<Promise<Stripe | null> | undefined>();