Refactor billing components and enhance UX

This commit includes significant changes to the layout and presentation of billing related components. The most notable updates are replacing the static back button in 'billing-session-status.tsx' with a fully clickable link button, and improving the product description lookup to use i18n in 'current-subscription-card.tsx'. Additionally, the general structure and spacing of elements within 'billing/page.tsx' are enhanced for better user experience.

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

@@ -75,28 +75,24 @@ async function TeamAccountBillingPage({ params }: Params) {
       />
 
       <PageBody>
-        <div className={'mx-auto w-full'}>
-          <div>
-            <div className={'flex flex-col space-y-6'}>
-              <If
-                condition={subscription}
-                fallback={
-                  <>
-                    <Checkout />
-                  </>
-                }
-              >
-                {(subscription) => (
-                  <CurrentSubscriptionCard
-                    subscription={subscription}
-                    config={billingConfig}
-                  />
-                )}
-              </If>
+        <div className={'mx-auto flex w-full max-w-2xl flex-col space-y-6'}>
+          <If
+            condition={subscription}
+            fallback={
+              <>
+                <Checkout />
+              </>
+            }
+          >
+            {(subscription) => (
+              <CurrentSubscriptionCard
+                subscription={subscription}
+                config={billingConfig}
+              />
+            )}
+          </If>
 
-              <BillingPortal />
-            </div>
-          </div>
+          <BillingPortal />
         </div>
       </PageBody>
     </>