Update billing system to support single and recurring payments

This update modifies the billing system to properly handle both single and recurring payment plans. Logic is introduced to determine whether the selected plan is recurring or a one-time payment and adjust the interface accordingly. The naming of some components and variables has been changed to more accurately reflect their purpose. Additionally, a

apps/web/app/(dashboard)/home/[account]/members/page.tsx

@@ -114,7 +114,7 @@ async function TeamAccountMembersPage({ params }: Params) {
 
       <PageBody>
         <div
-          className={'mx-auto flex w-full max-w-3xl flex-col space-y-4 pb-32'}
+          className={'mx-auto flex w-full max-w-3xl flex-col space-y-6 pb-32'}
         >
           <Card>
             <CardHeader className={'flex flex-row justify-between'}>