Unify workspace dropdowns; Update layouts (#458)

Unified Account and Workspace drop-downs; Layout updates, now header lives within the PageBody component; Sidebars now use floating variant

packages/billing/gateway/src/components/billing-session-status.tsx

@@ -41,7 +41,7 @@ export function BillingSessionStatus({
 
         <Heading level={3}>
           <span className={'mr-4 font-semibold'}>
-            <Trans i18nKey={'billing:checkoutSuccessTitle'} />
+            <Trans i18nKey={'billing.checkoutSuccessTitle'} />
           </span>
           🎉
         </Heading>
@@ -49,22 +49,26 @@ export function BillingSessionStatus({
         <div className={'text-muted-foreground flex flex-col space-y-4'}>
           <p>
             <Trans
-              i18nKey={'billing:checkoutSuccessDescription'}
+              i18nKey={'billing.checkoutSuccessDescription'}
               values={{ customerEmail }}
             />
           </p>
         </div>
 
         <div>
-          <Button data-test={'checkout-success-back-link'} asChild>
-            <Link href={redirectPath}>
-              <span>
-                <Trans i18nKey={'billing:checkoutSuccessBackButton'} />
-              </span>
+          <Button
+            nativeButton={false}
+            data-test={'checkout-success-back-link'}
+            render={
+              <Link href={redirectPath}>
+                <span>
+                  <Trans i18nKey={'billing.checkoutSuccessBackButton'} />
+                </span>
 
-              <ChevronRight className={'h-4'} />
-            </Link>
-          </Button>
+                <ChevronRight className={'h-4'} />
+              </Link>
+            }
+          />
         </div>
       </div>
     </section>